Stack Item
@astryxdesign/core v0.7.1 · StackItem
Props
| Prop | Type | Default | Description |
|---|---|---|---|
as | string | Component | 'div' | Element or component rendered at the root. |
crossAlignSelf | StackCrossAlignment | — | Overrides the parent stack's cross-axis alignment for this item: start, center, end, or stretch. |
isScrollable | boolean | false | Enables scrollable overflow. The wrapper already resets the flex minimum size, so size="fill" together with isScrollable is a complete scroll region. |
size | 'static' | 'fill' | 'static' | static keeps the natural size; fill expands to consume the space the other items leave over. |
StackCrossAlignment accepts these values:
ts
type StackCrossAlignment = 'start' | 'center' | 'end' | 'stretch'Slots
default: the content of the item.
Native attributes
The root element receives HTML attributes, aria-* attributes, data-* attributes, class, and style. class is merged with the component's own classes.