Stagger

The contents of something that's just opened, arriving one after another, like the lines in a tooltip or the rows in a menu.

Hick's law

More choices, slower decisions.

Markup

<div class="ob-stagger is-open">
  <p>Hick's law</p>
  <p>More choices, slower decisions.</p>
</div>

Add .is-open to play it. It staggers up to 7 children, and any after that arrive with the 7th.

@import "obvious/css/components/stagger.css";

Set any of these on the component, or an ancestor, to change it.

Property	Default
`--ob-stagger-step`	45ms
`--ob-stagger-i`	1