Tile Grid
A wrapper component that makes it easy to lay out Tiles in a way that is responsive.
Also known as:
TileGrid item
- Overview
- Autocomplete (not built)
- Avatar
- Badge
- Button
- Button Group (not built)
- Card
- Checkbox Field
- Checkbox Group
- Collapsible
- Commentary
- Content
- Date Picker (not built)
- Divider
- Drawer
- Dropdown
- Empty State
- Filter Menu
- Global Notification
- Guidance Block
- Hero Card
- Icon
- Icon Button
- Illustration
- Infinite Scroll (not built)
- Inline Notification
- Likert Scale Legacy
- Loading Placeholder
- Loading Skeleton (not built)
- Loading Spinner
- Menu
- Modal
- Pagination (not built)
- Popover
- Progress Bar (not built)
- Progress Stepper
- Radio Field
- Radio Group
- Rich Text Editor
- Search Field
- Select
- Slider
- Split Button
- Table
- Tabs
- Tag
- Text Area Field
- Text Field
- Tile
- Tile Grid
- Toast Notification
- Toggle Switch Field
- Tooltip
- Well
To keep in mind
- Anatomy of TileGrid
- Children (required)
- 1 to many Tiles.
- Children (required)
- Layout
- Max. 4 Tiles per row in 1392px area
- Tiles separated by 24px (1.5rem) both vertically and horizontally
- Automatically wraps Tiles according to width of viewport
- On mobile Tiles are stacked vertically and are full width of the content area
- See Tile
See also
On this page