Skip to content
Skip Folio navigation
Forms

Forms / Live reference

Checkboxes & switches

Keep editable originals with the collection.

Let the studio know when work changes.

Source files · Updates on

Usage

Checkboxes collect independent choices. A switch changes an on/off setting immediately. Keep the same label in both states.

Exports / Checkbox, Switch
Patterns
React
import { Checkbox, Switch } from "./folio";

<Checkbox label="Include source files" defaultChecked />
<Switch label="Email notifications" defaultChecked hint="A note when someone leaves feedback." />