| import reflex as rx | |
| from reflex.style import color_mode, set_color_mode | |
| def dark_mode_toggle() -> rx.Component: | |
| return rx.segmented_control.root( | |
| rx.segmented_control.item( | |
| rx.icon(tag="monitor", size=20), | |
| value="system", | |
| ), | |
| rx.segmented_control.item( | |
| rx.icon(tag="sun", size=20), | |
| value="light", | |
| ), | |
| rx.segmented_control.item( | |
| rx.icon(tag="moon", size=20), | |
| value="dark", | |
| ), | |
| on_change=set_color_mode, | |
| variant="classic", | |
| radius="large", | |
| value=color_mode, | |
| ) | |