update documentations

This commit is contained in:
gitfromwildan
2025-05-30 17:23:02 +07:00
parent 63fc96be07
commit bcafa9b5d9
14 changed files with 92 additions and 79 deletions

View File

@@ -4,13 +4,11 @@ description: A component used to create cards that can be used to display conten
date: 20-02-2025
---
The Card component is a component used to create cards that can be used to display content in a compact and organized way.
## Example
### Card with Link and icon
<Card title="Click on me" icon="Link" href="/docs/getting-started/components/card-group">
<Card title="Click on me" icon="Link" href="/docs/components/card-group">
This is how you use a card with an icon and a link. Clicking on this card
brings you to the Card Group page.
</Card>
@@ -32,12 +30,12 @@ The Card component is a component used to create cards that can be used to displ
| Prop | Type | Default | Description |
| ------------- | -------- | ------- | ------------------------------------------------------- |
| `title` | `string` | `""` | The value of card title. |
| `icon` | `string` | `null` | The value of card icon render from lucide. |
| `href` | `string` | `null` | The value of card link url. |
| `horizontal` | `boolean` | `""` | horizontal layout for card. |
| `title` | string | null | The value of card title. |
| `icon` | string | null | The value of card icon render from lucide. |
| `href` | string | null | The value of card link url. |
| `horizontal` | boolean | undefined | horizontal layout for card. |
## Code
## Output Markdown
<Tabs defaultValue="link" className="pt-5 pb-1">
<TabsList>