User Profile Card

User profile card component with online/offline status, avatar, and user information. Perfect for displaying user details in a card format.

Basic Profile Card


          <.user_profile_card
            name="John Doe"
            email="john@example.com"
            avatar="/images/avatar.jpg"
            online={true}
          />

With Actions


          <.user_profile_card
            name="Jane Smith"
            actions={[
              %{label: "Message", variant: :primary, on_click: "message-user"},
              %{label: "Follow", variant: :outline, on_click: "follow-user"}
            ]}
          />

Props

Prop	Type	Default	Description
name	string	-	User's full name
online	boolean	false	Online status indicator
avatar	string	nil	URL to user's avatar image