Skip to main content
/
/
/
SwitchCard

SwitchCard

Toggleable switch card

SwitchCard

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.