Skip to main contentSkip to sidebarSkip to headerSkip to footer

Toggle Select

A set of toggle buttons for selecting one or more options.

Installation

Import the component from the passport-ui package.

components/example.tsx
1
import { ToggleSelect } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1
2
3
4
5
<ToggleSelect>
  <ToggleSelectItem value="option1">Option 1</ToggleSelectItem>
  <ToggleSelectItem value="option2">Option 2</ToggleSelectItem>
  <ToggleSelectItem value="option3">Option 3</ToggleSelectItem>
</ToggleSelect>

Additional resources

Documentation and examples are available in Storybook.

View in Storybook ↗