thaw/demo_markdown/docs/card/mod.md
2024-05-13 17:32:45 +08:00

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.