Documentation

Grid

CSS Grid layout primitive with responsive columns and gap.

Package: @solidiom/grid
Version: 0.6.0
Status: experimental

Generated from the package's public source.

API

`GridItemProps`interface

Props

area?: string
class?: string
colSpan?: number
column?: string | number
row?: string | number
rowSpan?: number
style?: string | CSSProperties

children: Element

`GridRootProps`interface

Props

align?: "start" | "center" | "end" | "stretch"
areas?: string
class?: string
columnGap?: string | number
columns?: string | number
gap?: string | number
inline?: boolean
justify?: "start" | "center" | "end" | "stretch"
rowGap?: string | number
rows?: string | number
style?: string | CSSProperties

children: Element

`Item`component

                        Item(props: GridItemProps): Element

Props

area?: string
class?: string
colSpan?: number
column?: string | number
row?: string | number
rowSpan?: number
style?: string | CSSProperties

children: Element

`Root`component

                        Root(props: GridRootProps): Element

Props

align?: "start" | "center" | "end" | "stretch"
areas?: string
class?: string
columnGap?: string | number
columns?: string | number
gap?: string | number
inline?: boolean
justify?: "start" | "center" | "end" | "stretch"
rowGap?: string | number
rows?: string | number
style?: string | CSSProperties

children: Element