Movatterモバイル変換

Flex is a Box component withdisplay="flex" set by default. It makes it easier to layout and align child components in both horizontal and vertical directions. It is a fundamental layout component in Kuma UI.

Import

import { Flex }from"@kuma-ui/core";

Usage

Hello world

constFlexExample= ()=> {return (    <Flexjustify="center"alignItems="center">      <Boxp={8}bg="blue"color="white">        Hello world      </Box>    </Flex>  );};

Props

Flex accepts all the same props asBox.

Box Grid