FeatureGrid
Responsive auto-fit grid using SDS ds-cols. Maps column count to min-width thresholds.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| columns | 2 | 3 | 4 | 3 | Target column count (maps to SDS width class) |
| variant | 'default' | 'compact' | 'default' | Gap size preset |
Note: FeatureGrid uses SDS
auto-fit with minimum widths. Actual columns depend on available width:
columns=2 → 520px min, columns=3 → 320px min, columns=4 → 280px min.
2 columns
columns=2 → --width-wide (520px min per column)
3 columns
columns=3 → --width-default (320px min per column)
4 columns
columns=4 → --width-narrow (280px min per column)
Compact variant
variant="compact" uses a smaller gap between cards.