Interactive theme controls for playgrounds and docs. Emits LiveView form events (phx-change) so the parent can update theme assigns. Try the live panel on the Playground.
Theme
<.box max_width="360px">
<.theme_panel
accent_color="indigo"
gray_color="slate"
appearance="inherit"
radius="medium"
scaling="100%"
/>
</.box>API Reference
Essence-only utility (no Radix Themes counterpart). Wire on_change / on_copy to LiveView events; see Playground for a full integration.
| Prop | Type | Default | Description |
|---|---|---|---|
accent_color
|
string
|
"indigo"
|
|
appearance
|
string
|
"inherit"
|
|
class
|
any
|
nil
|
|
gray_color
|
string
|
"slate"
|
|
on_change
|
string
|
"theme_panel"
|
LiveView event for form change |
on_copy
|
string
|
"copy_theme"
|
LiveView event to copy theme HEEx |
panel_background
|
string
|
"solid"
|
|
radius
|
string
|
"medium"
|
|
scaling
|
string
|
"100%"
|
accent_color
Type
string
Default
"indigo"
appearance
Type
string
Default
"inherit"
class
Type
any
Default
nil
gray_color
Type
string
Default
"slate"
on_change
LiveView event for form change
Type
string
Default
"theme_panel"
on_copy
LiveView event to copy theme HEEx
Type
string
Default
"copy_theme"
panel_background
Type
string
Default
"solid"
radius
Type
string
Default
"medium"
scaling
Type
string
Default
"100%"