gallery_grid_viewScreen PreviewsrocketGetting StartedhelpReact DocsmultitaskingChangeloglightbulbSupportloveDownload kit

helpDocumentation

Getting StartedReact DocumentationSupportChangelog
Screen PreviewsrocketDownload Kit
GuidesElements Styleguide→Importing and Bundle Size→"Component" Property→Building layouts with Uik→
ComponentsAvatar→Button→ButtonGroup→Chart→ChartLineBlank→Checkbox→CodeHighlight→CodeHighlightContainer→ContainerHorizontal→ContainerVertical→ContentTitle→Divider→Dropdown→DropdownItem→EmojiHeadline→FormInputGroup→Headline→HeadlineDesc→Input→MapPinCircle→NavBurger→NavLink→NavLinkDark→NavLinkSecondary→NavLinkTwo→NavPanel→NavSection→NavSectionTitle→NavTitle→OutsideClickHandler→ProgressBar→Radio→Select→StarRating→Tabs→Tag→TagContainer→Toggle→TopBar→TopBarLink→TopBarLinkContainer→TopBarSection→TopBarTitle→Uikon→Widget→WidgetBottomCta→WidgetContent→WidgetDoc→WidgetHeader→WidgetTable→

UikContainerVertical

This container is a simple flexbox container with flex-direction: column. It works in a similar way as a <View /> from react-native component library - it distributes the children elements verticaly. The primary intention of this component is to build a layout for your application with a very simple set of CSS properties. It automaticaly tries to set its height to 100%. UikContainerHorizontal is it's horizontal variant. See a full usage on this page.

PropertyTypeRequiredDefault ValueDescription
childrenReact.Nodefalsenull
classNameStringfalsenullclassName, e.g. "my-custom-styling"
...restanyfalseOther properties are passed down to the wrapping element