Skip to content
OTF Kit logoOTF Kit

FAB Theme Picker

Input

Floating theme switcher button — palette swatches and dark/light toggle.

View in Storybook
FAB Theme Picker
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import FAB Theme Picker from @otfdashkit/ui.

Code
// FAB Theme Picker — Floating theme switcher button — palette swatches and dark/light toggle.
//
// Install:
//   bun add @otfdashkit/ui

import { FABThemePicker } from '@otfdashkit/ui'

export function Example() {
  return (
    <FABThemePicker>
      {/* your content */}
    </FABThemePicker>
  )
}

Props

Props declared in the FloatingThemePicker source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
classNamestring
optionsThemePickerOption[]
position'bottom-right' | 'bottom-left' | 'top-right' | 'top-left''bottom-right'

Related