Arc XP LogoArc Design System
v2.3.0
GuidesPatternsComponentsIcon libraryTokensRelease notes
Github repo
Arc XP LogoArc Design System
v2.3.0
Buttons
ButtonButtonGroupIconButton
Forms
CheckboxCheckboxGroupChicletDateTimePickerMultiSelectRadioRadioGroupSelectTextAreaTextFieldToggle
Hooks
useNotification
Layout
BoxCardFlexFramePageSidebarStackTabsWorkBar
Notifications
AlertAlertDialogDialogInlineAlertSnackbar
Text
EmojiHeadingText
BadgeOverflowMenuSmallProviderSpinnerTooltip

Toggle

Toggles are a control that is used to quickly switch between two possible states. The user should see immediate feedback when interacting with a toggle.

🚧 Under construction

This component is under active development. If you need this component for your project, create an issue in the GitHub repo.
Toggle

Features

Form component that can only be toggled off or on.

#Component structure

Toggle structure
  1. Toggle label
  2. Required label
  3. Toggle knob: The draggable interface element to enable/disable the Toggle.
  4. Toggle track: The visual track the knob glides in.
Copyright 2021 Arc XP