Stack

import { Stack } from 'yarcl';

gap="xs"123

gap="md"123

gap="xl"123

<Stack gap="md">
  <Heading level={2}>Profile</Heading>
  <Field label="Name"><Input /></Field>
</Stack>

gap accepts the keys of your spacing and defaults to defaults.gap. Use as to render a semantic element (section, form, ul, nav …); list styles are reset.

Props

Accepts every native <div> attribute.

Prop	Type	Default	Description
align	Align		Cross-axis alignment of children.
as	LayoutElement	'div'	Element to render.
gap	Spacingconfig	config.defaults.gap	Space between children, from the spacing config.
justify	Justify		Main-axis distribution of children.