Active theme set to Nord LightNord DarkVet LightVet DarkHealth LightHealth Dark and saved in preferences.
Copied to clipboard.
We’re hiring for design systems team! View open positions.

Stack draft

Stack component injects space between other components in the system. Use stack to create vertical or horizontal stack layouts.

Edit in CodePen Open in new window
Edit in CodePen Open in new window
Edit in CodePen Open in new window
<nord-stack>
<nord-button>Button</nord-button>
<nord-button>Button</nord-button>
<nord-button>Button</nord-button>
<nord-button>Button</nord-button>
</nord-stack>

Properties

PropertyAttributeDescriptionTypeDefault
gapgapThe space injected between components."none" | "s" | "m" | "l" | "xl" | "xxl""m"
directiondirectionThe direction of the stack."vertical" | "horizontal""vertical"

Slots

Slot nameDescription
Default slotThe stack content.