Card

Displays a card with header, content, and footer.

Default

A simple card with header and content.

Card Title
Card description text goes here.

Your card content here.

With Footer

Card with header, content, and footer actions.

Create project
Deploy your new project in one-click.

Usage

julia
using Suite

Card(
    CardHeader(
        CardTitle("Card Title"),
        CardDescription("Card description"),
    ),
    CardContent(
        P("Content goes here"),
    ),
    CardFooter(
        Button("Save"),
    ),
)

API Reference

Card

PropTypeDefaultDescription
classString""Additional CSS classes
children...Any-Card sections (Header, Content, Footer)
kwargs...Pair-Any HTML attribute

Sub-components

CardHeader, CardTitle, CardDescription, CardContent, and CardFooter all accept class, children..., and kwargs....