Input Switch
Last updated
What is Input Switch?
Input switches toggle the state of a single item. Compared to the input checkbox, their changes usually apply without any additional submission.
- Checked State: Used when an input switch is turned on. It’s better to provide an additional way to indicate the checked state besides changing its colour when applicable.
- Disabled State: Prevents interacting with an input switch.
- Label: There should be a text label linked with the switch field. Clicking the label should also trigger the input selection.
- Keyboard State: A switch selection should be triggered when the Space key is pressed.
More in stage 9: Project Management
- Project Management
- Avatar
- Input Text
- Banner
- Input Checkbox
- Badge
- Input Radio
- Button
- Card
- List
- Carousel
- Loading Indicator
- Dropdown
- Modal
- Icon
- Tabs
- Select
- Toast
- Textarea
- Tooltip
- Component Catalog
- Documentation
- Code Style
- Unit Testing
- Accessibility Testing
- Semantic Versioning
- Release Strategy
- Commit Guidelines
- PR Templates
- Contribution Guidelines
- Roadmap
- Milestones
- Ticketing
- Component Analytics
- Logging
- Tooling Analytics
- Service and Health Metrics
- Community Meetings
- Communication Channel
- Open Hours
- FAQs
Input Switch: common questions
Can I learn Input Switch in Hindi?
This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Input Switch in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.
Is this Input Switch tutorial for beginners?
It is lesson 91 of 124 in the free Design System roadmap, in stage 9, Project Management. If you are new to Design System, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.