Expand Card

The Expand Card component is an interactive card designed to showcase profiles with expandable sections for additional information. This card is ideal for displaying user profiles, client information, or team members, allowing you to toggle between a compact and expanded view.

Chaitanya

Intern at Misty Interactive Solutions

Source

LinkedIn Email twitter

🔥Hot Client

Additional Information:

This section contains additional information about the client, their projects, and any other relevant details.

Installation

npx empire@latest add expand-card

Props

Prop name	Type	Description
`name`	`string`	Name of the person or client.
`title`	`string`	Title or position of the person.
`company`	`string`	The company or organization of the person.
`imageUrl`	`string`	URL of the profile image.
`rating`	`number`	Rating out of 5 for the person (displays as dots).
`socials`	`Array<{ name: string; href: string }>`	Array of social media profiles or contact methods (name and URL).
`additional_information`	`string`	Additional information to display in the expanded section.
`redirectLink`	`string`	A URL to redirect when interacting with the card (if applicable).