Overview
Tile Select Group is used to house a number of Tile Selects in a layout. This component includes helpful properties for layout and switching between radio-style and checkbox-style selections.
Usage
- Onboarding experiences
- Visually prominent radio-style selection
- Visually prominent checkbox-style selections
Sample
Best practices
Refer to Tile Select for best practices.
Accessibility
Keyboard navigation
| Key | Function |
|---|---|
Arrow left | Moves focus and selection to the previous calcite-tile-select. If the current focus and selection is the first calcite-tile-select, focus and selection will cycle to the last calcite-tile-select. |
Arrow right | Moves focus and selection to next calcite-tile-select. If the current focus and selection is the last calcite-tile-select, focus and selection will cycle to the first calcite-tile-select. |
Arrow down | Moves focus and selection to the previous calcite-tile-select. If the current focus and selection is the first calcite-tile-select, focus and selection will cycle to the last calcite-tile-select. |
Arrow up | Moves focus and selection to next calcite-tile-select. If the current focus and selection is the last calcite-tile-select, focus and selection will cycle to the first calcite-tile-select. |
Tab | Moves focus in and out of component. |
Tab and Shift | Moves focus in and out of component. |
Writing and copy
Refer to Tile Select for writing and copy guidelines.