Skip to main content

Home
About
Get started
Foundations
Tokens
Elements
- All elements
- Accordion
- Alert
- Audio player
- Avatar
- Back to top
- Badge
- Blockquote
- Breadcrumb
- Button
- Call to action
- Card
- Code block
- Dialog
- Footer
- Health index
- Navigation (primary)
- Navigation (secondary)
- Pagination
- Popover
- Progress steps
- Site status
- Skip link
- Spinner
- Statistic
- Subnavigation
- Surface
- Switch
- Table
- Tabs
- Tag
- Tile
- Timestamp
- Tooltip
Patterns
Accessibility
Design/code status
Release notes
Get support

Switch

Overview Style Guidelines Code Demos Accessibility

Switch

HTML

JS

View source on GitHub

View Fullscreen

Check Icon

HTML

JS

CSS

View source on GitHub

View Fullscreen

Color Context

HTML

JS

CSS

View source on GitHub

View Fullscreen

Disabled

HTML

JS

CSS

View source on GitHub

View Fullscreen

Fieldset

HTML

JS

CSS

View source on GitHub

View Fullscreen

Nested In Label

HTML

JS

CSS

View source on GitHub

View Fullscreen

Reversed

HTML

JS

CSS

View source on GitHub

View Fullscreen

Rich Messages

HTML

JS

View source on GitHub

View Fullscreen

Rtl

HTML

JS

CSS

View source on GitHub

View Fullscreen

Without Messages

HTML

JS

CSS

View source on GitHub

View Fullscreen

© 2021-2024 Red Hat, Inc.