s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Layout

Grid

No summary has been written for Grid. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript 
import { Grid } from '@happyvertical/smrt-ui/layout';
Import path
@happyvertical/smrt-ui/layout
Props
7
Props described
7 of 7
Bindable state
0
Callback events
0
Verified release
0.44.0

Props

Also accepts Omit<HTMLAttributes<HTMLDivElement>, 'class'>. The table lists the component-specific contract.

NameTypeRequiredDescription
columnsnumber | 'auto' | ResponsiveColumnsNoNumber of columns, 'auto' for auto-fill, or responsive object
gapGapConfigNoGap between items - size or { row, column }
headerSnippetNoHeader snippet rendered above the grid
childrenSnippetNoMain grid content
alignItemsAlignItemsNoVertical alignment of grid items
justifyItemsJustifyItemsNoHorizontal alignment of grid items
autoFlowAutoFlowNoGrid auto-flow direction

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-ui package reference See package status, version, limitations, and all public subpaths.