reflex/docs/library/overlay/drawer.md
2024-02-26 17:18:28 +01:00

961 B

components only_low_level
rx.radix.drawer.root
rx.radix.drawer.trigger
rx.radix.drawer.overlay
rx.radix.drawer.portal
rx.radix.drawer.content
rx.radix.drawer.close
True
import reflex as rx

Drawer

rx.drawer.root(
        rx.drawer.trigger(
            rx.button("Open Drawer")    
        ),
        rx.drawer.overlay(),
        rx.drawer.portal(
            rx.drawer.content(
                rx.flex(
                    rx.drawer.close(rx.box(rx.button("Close"))),
                    align_items="start",
                    direction="column",
                ),
                top="auto",
                right="auto",
                height="100%",
                width="20em",
                padding="2em",
                background_color="#FFF"
                #background_color=rx.color("green", 3)
            )
        ),
        direction="left",
)