Title: React Switch Components - CoreUI
Open Graph Title: React Switch Components
X Title: React Switch Components
Description: Create consistent cross-browser and cross-device switch component.
Open Graph Description: Create consistent cross-browser and cross-device switch component.
X Description: Create consistent cross-browser and cross-device switch component.
Opengraph URL: https://coreui.io/react/docs/forms/switch/
Generator: Gatsby 5.15.0
Domain: coreui.io
[{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"CoreUI","item":"https://coreui.io"},{"@type":"ListItem","position":2,"name":"React","item":"https://coreui.io/react/"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https://coreui.io/react/docs/"},{"@type":"ListItem","position":4,"name":"Forms","item":"https://coreui.io/react/docs/forms/"},{"@type":"ListItem","position":5,"name":"Switch","item":"https://coreui.io/react/docs/forms/switch/"}]},{"@context":"https://schema.org","@type":"TechArticle","headline":"React Switch Components documentation","description":"Complete guide to CoreUI React Switch components and implementation.","author":{"@type":"Organization","name":"CoreUI Team","sameAs":"https://github.com/coreui/"},"publisher":{"@type":"Organization","name":"CoreUI","logo":{"@type":"ImageObject","url":"https://coreui.io/images/brand/coreui-logo.svg"}},"datePublished":"2021-01-13","dateModified":"2025-10-21","mainEntityOfPage":{"@type":"WebPage","@id":"https://coreui.io/react/docs/forms/switch/"},"version":"5.9.1","proficiencyLevel":"Beginner"}]
| None | ie=edge |
| theme-color | #321fdb |
| image | https://coreui.io/react/docs/ |
| og:image | https://coreui.io/react/docs/ |
| twitter:card | summary_large_image |
| twitter:creator | @coreui_io |
| twitter:image | https://coreui.io/react/docs/ |
Links:
Viewport: width=device-width, initial-scale=1, shrink-to-fit=no