ToggleButton

Toggle between different states in your app with either a checkbox or radio mode.

Import#

  • ToggleButton: A button extended with an isChecked state to show on/off.
  • ToggleButtonGroup: Used to group toggle buttons whose actions are related, that also flushes them together.
import { ToggleButton, ToggleButtonGroup } from '@saas-ui-pro/react'

Usage#

Checkbox group#

Radio#

Colorscheme#

A colorScheme can be passed to ToggleButtonGroup to modify the theme of all of the child buttons.

Variants#

Supported variants are outline (default) and ghost.

Was this helpful?