Card
A container component with optional header, title, description, content, and footer sections.
Non-interactiveComposable
card.rs
use stratum_leptos::*;
view! {
<Card>
<CardHeader>
<CardTitle>"Create project"</CardTitle>
<CardDescription>
"Deploy a new project in one click."
</CardDescription>
</CardHeader>
<CardContent>
<Input label="Name" />
<Select label="Framework" />
</CardContent>
<CardFooter>
<Button variant=ButtonVariant::Outline>"Cancel"</Button>
<Button>"Create"</Button>
</CardFooter>
</Card>
}Installation
stratum add cardSub-components
| Component | Description |
|---|---|
| Card | Root container with border, radius, and shadow |
| CardHeader | Top section for title and description |
| CardTitle | Heading text |
| CardDescription | Secondary description text |
| CardContent | Main content area |
| CardFooter | Bottom section, typically for actions |