Card is a flexible component used to group and display content in a clear and concise format.
Header
Body of the Card Component
rc.card(
rc.text("Body of the Card Component"),
header=rc.heading("Header", size="lg"),
footer=rc.heading("Footer", size="sm"),
)
You can pass a header with header=
and/or a footer with footer=
.
rc.Card
The parent wrapper that provides context for its children.
Event Triggers
See the full list of default event triggersrc.CardHeader
The wrapper that contains a card's header.
Props
No component specific props
Event Triggers
See the full list of default event triggersrc.CardBody
The wrapper that houses the card's main content.
Props
No component specific props
Event Triggers
See the full list of default event triggersrc.CardFooter
The footer that houses the card actions.
Props
No component specific props