Tile
Carbon-spec Tile. Five variants: Tile — base, non-interactive ClickableTile — entire tile is a button / link, hover affordance SelectableTile — checkbox-like tile, aria-pressed for state ExpandableTile — accordion-like tile with show-more affordance RadioTile — radio-group option styled as a tile
primitives-tile--defaultOpen all variants →
When to use
- Content blocks the user clicks, selects, or expands — Mission Control kanban tiles, dataset cards, plan-pricing options.
- Carbon's recommended primitive for content-block UI in product surfaces.
When not to use
- Generic informational containers without interactivity → use `Card`. It has the same shape but no Carbon variant matrix.
- Marketing hero blocks with custom layouts → compose your own
<div>with tokens. - Tabular data → use the
DataTablepattern.