Card
A Card component is a versatile UI element used to display content in a structured and visually appealing way. It typically contains related information, such as text, images, buttons, and other elements, within a bordered or shadowed container. Cards are often used for presenting individual items, like products, articles, or profiles, making the content easy to scan and interact with.
# Demo
Demo Coming Soon
Card examples will be available soon.
# Usage
# Attributes
| Name | Type | Default | Details |
|---|---|---|---|
| className | string | ' ' | You can customise by passing tailwind classes. |
| children | React.ReactNode | Required | You can pass card content as children. |
| onClick | (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void | Optional | You can get callback when card is clicked. |
# Tags