Layout v1.0.0

Grid

A layout component using CSS Grid for explicit column layouts. Each child element occupies a grid cell, ideal for card layouts, dashboards, and structured content.

Preview & Code

Options

Name Type Default Description
cols Integer 3 Number of columns (1-12)
gap Symbol :md Gap between grid items: :none, :sm, :md, :lg
class String "" Additional CSS classes to apply

Changelog v1.0.0

- Initial release with 1-12 column grid support
- Configurable gap sizes

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now