Library
/
Chakra
/
Layout
/
Card
Card is a flexible component used to group and display content in a clear and concise format.
Header
Body of the Card Component
rx.chakra.card(
rx.chakra.text("Body of the Card Component"),
header=rx.chakra.heading("Header", size="lg"),
footer=rx.chakra.heading("Footer", size="sm"),
)You can pass a header with header= and/or a footer with footer=.
The parent wrapper that provides context for its children.
Event Triggers
See the full list of default event triggersThe wrapper that contains a card's header.
Props
No component specific props
Event Triggers
See the full list of default event triggersThe wrapper that houses the card's main content.
Props
No component specific props
Event Triggers
See the full list of default event triggersThe footer that houses the card actions.
Props
No component specific props
Event Triggers
See the full list of default event triggersDid you find this useful?
No
Yes
