One
Two
Three
Four
Five
Six
Grid
Grid creates responsive two-dimensional layouts with configurable columns, rows, spacing and alignment.
Import
import { Grid } from "@shivms/ui";Columns
1 Column
One
Two
Three
Four
Five
Six
2 Columns
One
Two
Three
Four
Five
Six
3 Columns
One
Two
Three
Four
Five
Six
4 Columns
One
Two
Three
Four
Five
Six
Gap
Extra Small
One
Two
Three
Four
Five
Six
Small
One
Two
Three
Four
Five
Six
Medium
One
Two
Three
Four
Five
Six
Large
One
Two
Three
Four
Five
Six
Extra Large
One
Two
Three
Four
Five
Six
Alignment
Start
One
Two
Three
Four
Five
Six
Center
One
Two
Three
Four
Five
Six
End
One
Two
Three
Four
Five
Six
Stretch
One
Two
Three
Four
Five
Six
Auto Flow
Row
One
Two
Three
Four
Five
Six
Column
One
Two
Three
Four
Five
Six
Dense
One
Two
Three
Four
Five
Six
Elements
Div
One
Two
Three
Four
Five
Six
Section
One
Two
Three
Four
Five
Six
Article