HStack

A view that arranges its children side by side.

interface HStackSignature {
  Attributes: {
    template?: Template // The main-axis grid template
    spacing?: Spacing // The gap between the primary axis
    alignment?: BlockAlignment // The cross-axis alignment
    distribution?: InlineAlignment // The main-axis alignment
    placement?: InlinePlacement // The main-axis alignment
  }

  Slots: {
    default: HTMLElement[] // The default slot
  }
}

class HStack extends HTMLElement<HStackSignature> {}

declare global {
  interface HTMLElementTagNameMap {
    'h-stack': HStack // <h-stack></h-stack>
  }
}

Try It

See also

Arranging views

VStack Component

A view that arranges its children one on top of the other.