mirror of
https://github.com/adoyle0/thaw.git
synced 2025-02-02 16:44:15 -05:00
1.7 KiB
1.7 KiB
Card
view! {
<Space vertical=true>
<Card title="title">"content"</Card>
<Card title="title">
<CardHeaderExtra slot>"header-extra"</CardHeaderExtra>
"content"
</Card>
<Card title="title">
<CardHeader>
"Header"
<CardHeaderDescription slot>
"Description"
</CardHeaderDescription>
<CardHeaderAction slot>
<Button appearance=ButtonAppearance::Transparent>
"..."
</Button>
</CardHeaderAction>
</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. |