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