ContextQMD
Back to Radix Ui

Flex

data/themes/docs/components/flex.mdx

latest848 B
Original Source
jsx
<Flex gap="3">
	<Box width="64px" height="64px">
		<DecorativeBox />
	</Box>
	<Box width="64px" height="64px">
		<DecorativeBox />
	</Box>
	<Box width="64px" height="64px">
		<DecorativeBox />
	</Box>
	<Box width="64px" height="64px">
		<DecorativeBox />
	</Box>
	<Box width="64px" height="64px">
		<DecorativeBox />
	</Box>
</Flex>

API Reference

This component is based on the div element and supports common margin props.

Use these props to create flex layouts.

<ThemesPropsTable defs="flexPropDefs" />

The following props are shared between Box, Flex, Grid, Container and Section components. Read more about layout components in Layout.

<ThemesPropsTable defs="layoutPropDefs" />