Flex

Used for create one-dimensional layout model.

Import

import { MpFlex } from '@mekari/pixel3'

Playground

API

MpFlex

Props

Slots

Name	Type	Default
as Rendered tag of flex.	string	div
direction direction of flex.	row | row-reverse | column | column-reverse	row
wrap wrap of flex.	nowrap | wrap | wrap-reverse	nowrap
align align items of flex.	center | end | flex-end | flex-start | self-end | self-start | start | baseline | normal | stretch	auto
justify justify content of flex.	space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | left | normal | right	normal
basis basis of flex.	auto | content | fit-content | max-content | min-content	auto
grow grow of flex.	number	0
shrink shrink of flex.	number	1