SwitchCard
Toggleable switch card
SwitchCard
SwitchCard
Go to top
Introduction
A switchCard within a card layout, ideal for options that require additional context. If you need a standard switch or a switch styled as a button, you can use the regular Switch instead.
Interactive demo
Try the interactive demo below to explore the switchcard component.
Interactive demo
Usage
- Use switchcards for options that require additional context or explanation.
- Use switchcards when the option affects multiple settings or has significant consequences.
- Use switchcards when the changes are happening immediately, without the need for form submission.
Labels
Use clear and descriptive labels that accurately convey the purpose of the switchcard.
Yes!
If the options are positive and clear, users can easily understand what they are selecting.
No!
Labels that are too negative or unclear can confuse users about the checkbox's function.