Account Card
A card to display user account information in a compact format
The AccountCard component is a lightweight, compact card designed to display user account information.
This component can only be used inside /app/(auth) pages since it uses the UserProvider.
Usage
javascript
1import AccountCard from '@/components/auth/AccountCard'; 2 3<AccountCard />
Props
| Name | Type | Default | Description |
|---|---|---|---|
| color | string | "gray" | The base color (use tailwind.config). |
| variant | "soft" | "solid" | "solid" | The variant of the component. |
| borderRadius | string | "full" | The border radius of the component (using Tailwind border radius classes). |
| className | string | "" | Additional Tailwind utility classes. |
| ...props | object | - | Any other valid HTML attributes for the Card component. |