Skip to content

Stack Item

@astryxdesign/core v0.7.1 · StackItem

Props ​

PropTypeDefaultDescription
asstring | Component'div'Element or component rendered at the root.
crossAlignSelfStackCrossAlignment—Overrides the parent stack's cross-axis alignment for this item: start, center, end, or stretch.
isScrollablebooleanfalseEnables 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.