Skip to content

Grid

CSS Grid wrapper.

Import

tsx
import { ZGrid } from "@zurto/ui";

Usage

tsx
<ZGrid cols={3} gap="md">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</ZGrid>

Props

PropTypeDefaultDescription
colsnumber | { sm?, md?, lg? }1Column count
gap'none' | 'sm' | 'md' | 'lg''md'Grid gap

Released under the MIT License.