33 lines
845 B
Markdown
33 lines
845 B
Markdown
---
|
|
components:
|
|
- rx.chakra.Popover
|
|
- rx.chakra.PopoverTrigger
|
|
- rx.chakra.PopoverContent
|
|
- rx.chakra.PopoverHeader
|
|
- rx.chakra.PopoverBody
|
|
- rx.chakra.PopoverFooter
|
|
- rx.chakra.PopoverArrow
|
|
- rx.chakra.PopoverAnchor
|
|
---
|
|
|
|
```python exec
|
|
import reflex as rx
|
|
```
|
|
|
|
# Popover
|
|
|
|
Popover is a non-modal dialog that floats around a trigger.
|
|
It is used to display contextual information to the user, and should be paired with a clickable trigger element.
|
|
|
|
```python demo
|
|
rx.chakra.popover(
|
|
rx.chakra.popover_trigger(rx.chakra.button("Popover Example")),
|
|
rx.chakra.popover_content(
|
|
rx.chakra.popover_header("Confirm"),
|
|
rx.chakra.popover_body("Do you want to confirm example?"),
|
|
rx.chakra.popover_footer(rx.chakra.text("Footer text.")),
|
|
rx.chakra.popover_close_button(),
|
|
),
|
|
)
|
|
```
|