26 lines
524 B
Markdown
26 lines
524 B
Markdown
---
|
|
components:
|
|
- rx.chakra.Card
|
|
- rx.chakra.CardHeader
|
|
- rx.chakra.CardBody
|
|
- rx.chakra.CardFooter
|
|
---
|
|
|
|
```python exec
|
|
import reflex as rx
|
|
```
|
|
|
|
# Card
|
|
|
|
Card is a flexible component used to group and display content in a clear and concise format.
|
|
|
|
```python demo
|
|
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=`.
|