Steeze UI

Flex

Layout

Flexible Box Layout

flex-direction

justify-content

align-items

Quickstart #

<script>
  import { Flex } from "@steeze-ui/components"
</script>

<Flex justify="center" align="center">
	Your Items
</Flex>

API Reference #

Property	Type	Default
`display`	`FlexDisplay`	`'flex'`
`direction`	`FlexDirection`	`'row'`
`justify`	`FlexJustifyContent`	`'flex-start'`
`align`	`FlexAlignItems`	`'flex-start'`
`wrap`	`FlexWrap`	`'nowrap'`
`flow`	`FlexFlow`	`null`
`gap`	`String`	`null`
`shrink`	`Number`	`1`
`grow`	`Number`	`0`
`basis`	`String`	`'auto'`
`*`	`*`	`-`

Dialog Native Select

MIT Licensed