A stack arranges its children in a vertical column with an equal gap between each item, so you don’t have to add top or bottom margins to every element you put into it. It’s the go-to layout for forms, paragraphs of text, card bodies, and anywhere you want consistent vertical rhythm.
By default, items stretch to fill the stack’s width. Pair cs-stack with a cs-gap-* class to control the spacing and a cs-align-items-* class to change how children line up horizontally.
Stacks are well suited for forms, text, and ensuring consistent spacing between elements in the document flow.
Remember me on this deviceLog In
<divclass="cs-stack"><cs-inputlabel="Email"><cs-iconslot="start"name="mail"></cs-icon></cs-input><cs-inputlabel="Password"type="password"><cs-iconslot="start"name="lock"></cs-icon></cs-input><cs-checkbox>Remember me on this device</cs-checkbox><cs-buttonappearance="filled">Log In</cs-button></div>
Aragorn's Squash
Altogether unleash weasel mainly well-protected hiding Farthing excuse. Falling pits oil em Hasufel levels weight
rides vagabonds? Gamgee hard-won thunder merrier forests treasury. Past birthday lasts lowly there'd woe Woodland pa
sun's slaying most handling.
Even the smallest person can change the course of the future. They tempted completely other caves cloven wisest
draught scrumptious cook Undómiel friends. Dory crunchy huge sleepless. Unmade took nerves liquor defeated Arathorn.
<divclass="cs-stack cs-gap-2xl"><h3>Aragorn's Squash</h3><p>
Altogether unleash weasel mainly well-protected hiding Farthing excuse. Falling pits oil em Hasufel levels weight
rides vagabonds? Gamgee hard-won thunder merrier forests treasury. Past birthday lasts lowly there'd woe Woodland pa
sun's slaying most handling.
</p><p>
Even the smallest person can change the course of the future. They tempted completely other caves cloven wisest
draught scrumptious cook Undómiel friends. Dory crunchy huge sleepless. Unmade took nerves liquor defeated Arathorn.
</p></div>
Align Items
By default, items stretch to fill the inline size of the cs-stack container. Add any cs-align-items-* class to change how items line up in the inline direction.
