Grid Size Switcher
A popover button for switching between grid size variants
Preview
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Installation
Usage
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
value | GridSize | - | Current grid size value |
onChange | (size: GridSize) => void | - | Callback when grid size changes |
buttonSize | 'default' | 'sm' | 'lg' | 'icon' | 'default' | Size of the trigger button |
align | 'start' | 'center' | 'end' | 'end' | Alignment of the popover content |
GridSize Type
The GridSize type supports the following values:
'tiny'- Extra small grid with many columns'small'- Small grid with moderate columns'medium'- Medium-sized grid (default)'large'- Large grid with fewer columns