Examples
Props
Stack
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | null | Content rendered inside the stack layout. |
| className | string | '' | Additional classes added to the stack layout. |
| component | React.ReactNode | 'div' | Sets the base component to render. Defaults to div. |
| hasGutter | boolean | false | Adds space between children. |
StackItem
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | null | Additional classes added to the stack layout item. |
| className | string | '' | Content rendered inside the stack layout item. |
| component | React.ReactNode | 'div' | Sets the base component to render. Defaults to div. |
| isFilled | boolean | false | Flag indicating if this stack layout item should fill the available vertical space. |
CSS variables
| Expand or collapse column | Selector | Variable | Value | |
|---|---|---|---|---|
| .pf-v6-l-stack | --pf-v6-l-stack--m-gutter--Gap | 1rem | ||
| ||||