Selectable cards

Visually enhance the data to engage the user's attention when selecting options.

Status

Status

With checkmark

Activated

Hover

Selected

Disable

Disable and activated

 

Color usage

Based on the context, the selectable card with a checkmark can be use in all the colors available in our Pyxis.

 

 

Selection behavior

The use of selectable cards with checkmark can vary according to need.

  • It is possible to select several cards if they are selectable cards with check mark.
  • Selectable card may be pre-selected by default, in which case it is not possible to change its status.
  • A selectable card can be disabled depending on the context.