primitives card

Card

Container with header / body / footer slots.

$ ndui add card

Component docs

Slotted card

Invoice INV-2041

Due in 7 days

ClientAcme Corp

Amount$4,820.00

StatusPending

Feature

Alpine AJAX sync blocks

Declarative partial refresh. Any handler return coordinates toasts, notifications, and the sidebar count.

Source

<Card>
    <Header><h3>Invoice INV-2041</h3><span>Due in 7 days</span></Header>
    <Body> ... </Body>
    <Footer>
        <Button Variant="ButtonVariant.Ghost">View</Button>
        <Button Variant="ButtonVariant.Primary">Send reminder</Button>
    </Footer>
</Card>