UI Lab

    Toggle

    Explore different variants and configurations of the Toggle component.

    Install with:
    npx afnoui add toggle/toggle-basic
    Basic Toggle
    Install with:
    npx afnoui add toggle/toggle-variants
    Toggle Variants
    Install with:
    npx afnoui add toggle/toggle-sizes
    Toggle Sizes
    Install with:
    npx afnoui add toggle/toggle-with-text
    Toggle With Text
    Install with:
    npx afnoui add toggle/toggle-controlled
    Controlled Toggle

    Bold is off

    Install with:
    npx afnoui add toggle/toggle-text-alignment-group
    Text Alignment Toggle Group
    Install with:
    npx afnoui add toggle/toggle-multiple-selection
    Multiple Selection
    Install with:
    npx afnoui add toggle/toggle-view-switcher
    View Switcher
    Install with:
    npx afnoui add toggle/toggle-theme-switcher
    Theme Switcher
    Install with:
    npx afnoui add toggle/toggle-list-type
    List Type Toggle
    Install with:
    npx afnoui add toggle/toggle-media-controls
    Media Player Controls
    Install with:
    npx afnoui add toggle/toggle-group-sizes
    Toggle Group Sizes