Container
Container is a flexible layout component that provides spacing, alignment, and responsive behavior for its children. It has no visible characteristics.
Prop | Type | Default value |
|---|---|---|
Prop component | Type ElementType | Default value "div" |
Prop alignItems | Type "start" | "center" | "end" | "stretch" | Default value "start" |
Prop fillWidth | Type boolean | Default value false |
Prop gap | Type "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | Default value "none" |
Prop grow | Type "0" | "1" | "2" | "3" | "4" | "5" | "6" | Default value "0" |
Prop shrink | Type "0" | "1" | "2" | "3" | "4" | "5" | "6" | Default value "1" |
Prop isResponsive | Type boolean | Default value false |
Prop justifyContent | Type "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right" | Default value "start" |
Prop maxWidth | Type string | Default value "" |
Prop minWidth | Type string | Default value "" |
Prop orientation | Type "horizontal" | "vertical" | Default value "horizontal" |
Prop padding | Type "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | Default value "none" |
Prop wrap | Type "nowrap" | "wrap" | "wrap-reverse" | Default value "nowrap" |
Prop fillHeight | Type boolean | Default value false |
Prop maxHeight | Type string | Default value "" |
Prop minHeight | Type string | Default value "" |
Prop overflow | Type string | Default value "visible" |