ToggleRow
A settings line that is one switch, such as a reader preference. It takes effect at once.
- ToggleRow
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, ToggleRow
Strengthens text and borders in the day and night themes.
Links stand out by more than colour.
A thick outline around the element chosen with the keyboard.
Needs a signed-in account.
Dark theme, ToggleRow
Strengthens text and borders in the day and night themes.
Links stand out by more than colour.
A thick outline around the element chosen with the keyboard.
Needs a signed-in account.
High contrast theme, ToggleRow
Strengthens text and borders in the day and night themes.
Links stand out by more than colour.
A thick outline around the element chosen with the keyboard.
Needs a signed-in account.
UsageLink to the section Usage
import { ToggleRow } from '@skribly/ui/forms'<ToggleRow title="Underline links" description="Links stand out by more than colour." />Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- The title and the switch are one wide target.
- The switch is named by the title and described by the text below it, and announces on or off.
This demo runs through axe in all three themes on every test run. See what the tests check.