Stack
<ts-stack> vv0.4.0
The ts-stack component.
Open in Storybook for interactive demos.
Preview
Section titled “Preview”<ts-stack align="stretch" gap="3">Content</ts-stack>Properties
Section titled “Properties”| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
align | align | "center" | "end" | "start" | "stretch" | 'stretch' | Cross-axis alignment of items. |
gap | gap | string | '3' | Spacing token number controlling the gap between items. |
| Name | Description |
|---|---|
*(default)* | Default slot for stacked content. |
CSS Parts
Section titled “CSS Parts”Use ::part() to style internal elements:
| Part | Description |
|---|---|
base | The stack container. |
ts-stack::part(base) { /* your custom styles */}<ts-stack align="stretch" gap="3">Content</ts-stack>import { TsStack } from '@tessera-ui/react';
<TsStack align="stretch" gap="3">Content</TsStack>