12:[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":[["$","$L20","div-0",{"code":"import { Stack } from 'welcome-ui/Stack'\n\nconst Example = () => {\n return (\n \n

Foo

Bar

Baz

\n \n )\n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"Stack","pathToFile":"/Stack/docs/examples/overview.tsx","withCodeEditor":true}]]}],["$","$L5",null,{"maxW":"100%","children":[["$","$Lf","h2-0",{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"examples","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#examples","textDecoration":{"hover":"underline"},"children":"Examples"}]}]]}],["$","$L5",null,{"maxW":"100%","children":[["$","$L21","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The default use of ","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":20,"offset":20}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Stack","position":{"start":{"line":2,"column":20,"offset":20},"end":{"line":2,"column":27,"offset":27}}}],"position":{"start":{"line":2,"column":20,"offset":20},"end":{"line":2,"column":27,"offset":27}}},{"type":"text","value":" will stack its children vertically.","position":{"start":{"line":2,"column":27,"offset":27},"end":{"line":2,"column":63,"offset":63}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":63,"offset":63}}},"children":["The default use of ",["$","$L5","code-0",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"Stack"}]," will stack its children vertically."]}],"\n",["$","$Lf","h3-0",{"as":"h3","id":"spacing-and-direction","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#spacing-and-direction","textDecoration":{"hover":"underline"},"children":"Spacing and direction"}]}],"\n",["$","$L21","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can change the ","position":{"start":{"line":6,"column":1,"offset":92},"end":{"line":6,"column":20,"offset":111}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"direction","position":{"start":{"line":6,"column":20,"offset":111},"end":{"line":6,"column":31,"offset":122}}}],"position":{"start":{"line":6,"column":20,"offset":111},"end":{"line":6,"column":31,"offset":122}}},{"type":"text","value":" & the ","position":{"start":{"line":6,"column":31,"offset":122},"end":{"line":6,"column":38,"offset":129}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"spacing","position":{"start":{"line":6,"column":38,"offset":129},"end":{"line":6,"column":47,"offset":138}}}],"position":{"start":{"line":6,"column":38,"offset":129},"end":{"line":6,"column":47,"offset":138}}},{"type":"text","value":".","position":{"start":{"line":6,"column":47,"offset":138},"end":{"line":6,"column":48,"offset":139}}}],"position":{"start":{"line":6,"column":1,"offset":92},"end":{"line":6,"column":48,"offset":139}}},"children":["You can change the ",["$","$L5","code-0",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"direction"}]," & the ",["$","$L5","code-1",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"spacing"}],"."]}],"\n",["$","$L20","div-0",{"code":"import { Stack } from 'welcome-ui/Stack'\n\nconst Example = () => {\n return (\n \n

Foo

Bar

Baz

\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Stack","pathToFile":"/Stack/docs/examples/spacing.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-1",{"as":"h3","id":"childs","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#childs","textDecoration":{"hover":"underline"},"children":"Childs"}]}],"\n",["$","$L21","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It will ensure that its children are ","position":{"start":{"line":12,"column":1,"offset":219},"end":{"line":12,"column":38,"offset":256}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"li","position":{"start":{"line":12,"column":38,"offset":256},"end":{"line":12,"column":42,"offset":260}}}],"position":{"start":{"line":12,"column":38,"offset":256},"end":{"line":12,"column":42,"offset":260}}},{"type":"text","value":"s when is rendered as an ","position":{"start":{"line":12,"column":42,"offset":260},"end":{"line":12,"column":67,"offset":285}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"ul","position":{"start":{"line":12,"column":67,"offset":285},"end":{"line":12,"column":71,"offset":289}}}],"position":{"start":{"line":12,"column":67,"offset":285},"end":{"line":12,"column":71,"offset":289}}},{"type":"text","value":" or an ","position":{"start":{"line":12,"column":71,"offset":289},"end":{"line":12,"column":78,"offset":296}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"ol","position":{"start":{"line":12,"column":78,"offset":296},"end":{"line":12,"column":82,"offset":300}}}],"position":{"start":{"line":12,"column":78,"offset":296},"end":{"line":12,"column":82,"offset":300}}},{"type":"text","value":".","position":{"start":{"line":12,"column":82,"offset":300},"end":{"line":12,"column":83,"offset":301}}}],"position":{"start":{"line":12,"column":1,"offset":219},"end":{"line":12,"column":83,"offset":301}}},"children":["It will ensure that its children are ",["$","$L5","code-0",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"li"}],"s when is rendered as an ",["$","$L5","code-1",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"ul"}]," or an ",["$","$L5","code-2",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"ol"}],"."]}],"\n",["$","$L20","div-1",{"code":"import { Stack } from 'welcome-ui/Stack'\n\nconst Example = () => {\n return (\n \n

Foo

Bar

Baz

\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Stack","pathToFile":"/Stack/docs/examples/childs.tsx","withCodeEditor":true}]]}]]}],["$","$L22",null,{"isSubPage":true,"tree":[{"href":"#","id":"definition","title":"Definition"},{"href":"#installation","id":"installation","title":"Installation"},{"href":"#examples","id":"examples","title":"Examples","children":[{"href":"#spacing-and-direction","id":"spacing-and-direction","title":"Spacing and direction"},{"href":"#childs","id":"childs","title":"Childs"}]}]}]]