@orangecheck/design / OcAppearanceMenuProps
Interface: OcAppearanceMenuProps
Defined in: tokens/appearance-menu.tsx:23
OcAppearanceMenu — the single header control for ALL appearance settings.
One icon button opens a dropdown with both axes:
• mode — light / dark / system (next-themes .dark class)
• theme — the registered skins (data-oc-theme, persisted .ochk.io)
Replaces the separate ThemeToggle + OcThemePicker so every family site
carries exactly one appearance control. Self-contained dropdown (no Radix):
outside-click + Escape to close. Requires <OcThemeProvider> above it (skin
axis) and a next-themes <ThemeProvider> (mode axis) — both already mounted
on every family site.
Properties
| Property | Type | Defined in |
|---|---|---|
<a id="property-classname"></a> className? | string | tokens/appearance-menu.tsx:24 |
<a id="property-popoverclassname"></a> popoverClassName? | string | tokens/appearance-menu.tsx:26 |
<a id="property-triggerclassname"></a> triggerClassName? | string | tokens/appearance-menu.tsx:25 |