Stack

Overlaps arbitrary children in one intrinsic grid area using the public DuskMoon Core 1.19.9 CSS contract.

Installation

npm install @duskmoon-dev/el-stack

import '@duskmoon-dev/el-stack/register';

Live Demo

<el-dm-stack direction="bottom">
  <article>Current review</article>
  <div aria-hidden="true"></div>
  <div aria-hidden="true"></div>
</el-dm-stack>

Properties

| Property | Type | Default | Description | | ———– | —— | –––– | ———– | —— | ––––– | ––––––––––––– | | direction | 'top' | 'bottom' | 'start' | 'end' | 'bottom' | Direction of offset layers |

Composition and accessibility

The first child is the foreground layer. Mark empty decorative backing layers aria-hidden="true".