Bedrock Layout Primitives Home
Edit page
Components
AppBoundaryCSS-ResetCenterColumnsCoverFrameGridInlineClusterUse caseHow to installBasic usageStorybookPropertiesPadBoxReelSpacing ConstantsSplitStackSwitcheruseContainerQueryuseForwardedRefuseMatchContainerSizesuseMatchMediauseMediaQueryuseStatefulRef
HomeInspirationLayout PrimitivesRegarding IE11Why Styled Components?

InlineCluster

Use case

The InlineCluster component is designed constistent spacing around inline elements of variable width

How to install

If you haven't already, install styled-components:

npm install styled-components

Then install the stack component

npm install @bedrock-layout/inline-cluster

Basic usage

Lorem ipsum dolor
sit amet consectetur
adipisicing elit.

Storybook

Checkout storybook for more details.

Properties

PropertyTypeDefault
gutterOne of: none, xs, sm, md, lg, xl, xxllg
justifyOne of: start, end, centerstart
alignOne of: start, end, centerstart