EssenceUI.Components.ThemePanel (Essence UI v0.2.0)

Copy Markdown View Source

Dev-oriented theme controls (accent, gray, appearance, radius, scaling).

Emits phx-change="theme_panel" with form fields. Parent LiveView should update theme assigns and optionally push appearance to the document.

Summary

Functions

copy_snippet(opts)

HEEx snippet for current theme attrs.

theme_panel(assigns)

Renders a ThemePanel.

Functions

copy_snippet(opts)

HEEx snippet for current theme attrs.

theme_panel(assigns)

Renders a ThemePanel.

Assigns expected from parent (via attrs)

  • accent_color, gray_color, appearance, radius, scaling, panel_background

Attributes

  • accent_color (:string) - Defaults to "indigo".
  • gray_color (:string) - Defaults to "slate".
  • appearance (:string) - Defaults to "inherit".
  • radius (:string) - Defaults to "medium".
  • scaling (:string) - Defaults to "100%".
  • panel_background (:string) - Defaults to "solid".
  • on_change (:string) - LiveView event for form change. Defaults to "theme_panel".
  • on_copy (:string) - LiveView event to copy theme HEEx. Defaults to "copy_theme".
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.