Theme Button
A button that toggles the page theme between light and dark.
Local target
Use the target prop to scope theme changes to a specific container instead of globally.
This container has its own theme
Component props
| Name | Type | Description |
|---|---|---|
| target | RefObject | HTMLElement | Element to apply theme to (default: global) |
| variant | ButtonVariant | "default" | "primary" | "outline" | "quiet" (default: "quiet") |
| size | ButtonSize | "xs" | "sm" | "md" | "lg" | "xl" |
| onPress | (e: PressEvent) => void | Called when button is pressed |