Selection Card Group

Increases the engagement and visual appeal when selecting options.

Component checklist

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Up to date

Introduction

The Selection Card Group is a component that helps you display a set of options as cards. Each card can act as either a checkbox or a radio button, allowing for multiple or single selections.

Key features:

  • Two modes: Cards can work as checkboxes for multiple selections or as radio buttons for single selections.
  • Clear visuals: Cards make options easy to see and select, improving the user experience.
  • Flexible use: Fits well into different designs and interfaces, adaptable to various needs.

This component is perfect for making option selection more engaging and visually appealing compared to standard lists of checkboxes or radio buttons.

Selection card / Overview