Profile Card
A reusable UI element that displays key user information, typically including a profile picture, name, and brief bio or contact details.
Card
Profile
Gopal Verma
Software Developer
GOPX WEBUI
business.gopalverma@gmail.com
+1 (555) 123-4567
www.gopx.dev
GopalVerma1303
Installation
Run the following command:
npx gopx-webui add profile-card
Props
Prop | Type | Required | Description |
---|---|---|---|
name | string | Yes | The name of the individual displayed in the card. |
role | string | Yes | The job title or role of the individual. |
company | string | Yes | The name of the company where the individual works. |
image | string | Yes | URL to the individual's profile image (not used in the current implementation). |
email | string | Yes | The email address of the individual. |
phone | string | Yes | The phone number of the individual. |
website | string | Yes | The personal or company website of the individual. |
github | string | Yes | The GitHub profile URL of the individual. |