Card

A container component with optional header, title, description, content, and footer sections.

Non-interactiveComposable
Create project
Deploy a new project in one click.
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 card

Sub-components

ComponentDescription
CardRoot container with border, radius, and shadow
CardHeaderTop section for title and description
CardTitleHeading text
CardDescriptionSecondary description text
CardContentMain content area
CardFooterBottom section, typically for actions

Source

Styled: card.rs