Layout

Smart and simple layout components.

Standard

Row can create basic row container.

column

Col can create columns of different widths.

gap

Row provides gap prop to specify spacings between columns.

compose

Create compose layout by combining the basic 1/24 columns.

alignment

Use justify and align make to alignment of columns.

APIs / Schnittstellendokumentation

Row.Props

AttributeDescriptionTypeAccepted valuesDefault
gapgrid spacingnumber-0
justifyhorizontal alignmentJustify'start', 'end', 'center', 'space-around', 'space-between'start
alignvertical alignmentAlign'top', 'middle', 'bottom'top
componentcomponent namekeyof JSX.IntrinsicElements-div
...native propsHTMLAttributes'autoFocus', 'name', 'className', ...-

Col.Props

AttributeDescriptionTypeAccepted valuesDefault
spannumber of column the grid spansnumber0 - 2424
offsetcurrent column offsetnumber-0
componentcomponent namekeyof JSX.IntrinsicElements-div
...native propsHTMLAttributes'name', 'className', ...-

Co-Creators