mirror of
https://github.com/adoyle0/thaw.git
synced 2025-01-24 14:49:21 -05:00
38 lines
1.4 KiB
Markdown
38 lines
1.4 KiB
Markdown
# Card
|
|
|
|
```rust demo
|
|
view! {
|
|
<Space vertical=true>
|
|
<Card title="title">"content"</Card>
|
|
<Card title="title">
|
|
<CardHeaderExtra slot>"header-extra"</CardHeaderExtra>
|
|
"content"
|
|
</Card>
|
|
<Card title="title">
|
|
<CardHeader slot>"header"</CardHeader>
|
|
"content"
|
|
</Card>
|
|
<Card title="title">
|
|
<CardHeaderExtra slot>"header-extra"</CardHeaderExtra>
|
|
"content"
|
|
<CardFooter slot>"footer"</CardFooter>
|
|
</Card>
|
|
</Space>
|
|
}
|
|
```
|
|
|
|
### Card Props
|
|
|
|
| Name | Type | Default | Description |
|
|
| -------- | ----------------------------------- | -------------------- | --------------------------------------- |
|
|
| class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the card element. |
|
|
| title | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Card title. |
|
|
| children | `Children` | | Card's content. |
|
|
|
|
### Card Slots
|
|
|
|
| Name | Default | Description |
|
|
| --------------- | ------- | --------------------- |
|
|
| CardHeader | `None` | Header content. |
|
|
| CardHeaderExtra | `None` | Header extra content. |
|
|
| CardFooter | `None` | Footer content. |
|