STACK

Utility flex wrapper — direction, gap, alignment in one prop surface. No visual chrome.

Live demo

import { Stack } from '@cathode-ui/react';

Name	Type	Default	Required	Description
`children`	`ReactNode`	—	yes
`direction`	`'row'\|'column'`	`column`	—
`gap`	`number \| string`	—	—	Number → px; string → any CSS length.
`align`	`CSSProperties.alignItems`	—	—
`justify`	`CSSProperties.justifyContent`	—	—
`wrap`	`boolean`	`false`	—
`inline`	`boolean`	`false`	—	Render as inline-flex instead of flex.
`fullWidth`	`boolean`	`false`	—
`as`	`'div'\|'section'\|'article'\|'header'\|'footer'\|'main'\|'nav'\|'aside'`	`div`	—

<Stack direction="row" gap={8} align="center"><Pill title="A" /><Pill title="B" /></Stack>

<Stack gap={12}><DotLeader label="LAT" value="42 MS" /><DotLeader label="LOSS" value="0%" /></Stack>

Role: generic

Haptic	`none`
Sound	`none`

  
  ← All components