Split

<Split> is a layout component that allows to split the contents of <Inline> and <Stack> layouts. It should be used if you need to create spacing between elements.

The component behaves like the common used flex-grow attribute.

Import

import { Split } from '@marigold/components';

Props

Examples

With Inline

You can see below how to use the <Split> within the <Inline>.

With Stack

That example shows how to use the <Split> within the <Stack>.