Stack

stable llms.txt

Layers multiple elements in the same visual space using CSS Grid with natural parent sizing and z-order control.

Installation

bash
ts

Preset Configuration

Customize the appearance using presets

Examples

Explore different variations and use cases

Vertical Stack

Items stacked vertically (default)

Horizontal Stack

Items arranged horizontally

Grid Stack

Items arranged in a grid

API Reference

Accessibility

  • Uses CSS Grid — maintains DOM order for screen readers and keyboard navigation
  • No absolute positioning — parent container sizes naturally to its largest child
  • bind:value tracks the topmost item reactively for programmatic control
  • Works alongside ARIA attributes on individual Stack.Item elements

© 2026 Svelte Atoms. Open source under the MIT license.

Built with Svelte 5 · Runes · TailwindCSS