RadioCard

Introduction

A radio button within a card layout, ideal for options that require additional context. If you need a standard radio or a radio styled as a button, you can use the regular Radio instead.

Interactive demo

Try the interactive demo below to explore the radiocard component.

Usage

• Use radiocards for options that require additional context or explanation.
• Use radiocards when users need to select exactly one item from a set of mutually exclusive options.
• Use radiocards when the changes aren't happening immediately, but rather when a form is submitted. If users can select multiple options, use a CheckboxCard instead.

Labels

Use clear and descriptive labels that accurately convey the purpose of each option.