HTML-First UI
Components
Examples
Accordion
Alert
Autocomplete
Avatar
Badge
Blockquote
Box
Breadcrumb
Button
Card
Checkbox
Code Block
Code
Container
Details
Dialog
Dot
Form
Grid
Headings
Horizontal Rule
Input
Keyboard
Link
Lists
Loader
Menu
Radio
Range
Responsive Header
Responsive Sidebar
Select
Switch
Table
Tabs
Tag
Text
Textarea
Theme Menu
Theme Switch
Vertical Rule
Switch
A toggle switch component for binary choices
<hf-switch></hf-switch> <hf-switch><input type="checkbox" is="switch" checked></hf-switch>
Notes
The switch component provides a visual toggle for binary choices.
Use for on/off, enabled/disabled, or true/false choices
Can be used with or without a checkbox input
Use the
checked
attribute for the active state