Interactive Styling Lab

Toggle styling modifiers and themes on each widget family. Toggle Compare Baseline shows the unstyled widget beside it, and the generated Haskell can be copied. The concepts are in Styling & Theming and Styling Gotchas.

Buttons

Toggle buttons

Checkboxes

Three surfaces: the box well (themeInput), the check (themeAccent), and the label.

Radio buttons

Text inputs

Search and numeric inputs

Select and combo box

select draws its trigger with themeButton; comboBox uses themeInput.

Text areas

Sliders

Custom controls

Switches, knobs, and spinners from NanoUI.Widgets.Custom.

Panels, cards, and callouts

Scroll areas

Tabs

Tables and trees

Overlays

Floating windows, popup menus, and tooltips.