reflex/docs/library/chakra/layout/card.md
2024-02-26 17:18:28 +01:00

524 B

components
rx.chakra.Card
rx.chakra.CardHeader
rx.chakra.CardBody
rx.chakra.CardFooter
import reflex as rx

Card

Card is a flexible component used to group and display content in a clear and concise format.

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=.