Skip to content
nexubDesign System
v2.4.0

Components · Interactive

Toggle Group

StableSince v0.0.1

Group of toggle buttons where one or many can be active.

import { ToggleGroup } from '@nexub/react';

Examples

Single

Multiple

Props

Props
PropTypeDefaultDescription
typerequired'single' | 'multiple'—Controls whether one or multiple items can be active at a time.
valuestring | string[]—The controlled active value(s).
variant'default' | 'outline'—Visual style applied to all toggle items in the group.

On iOS & Android