Section

@sushindustries/ui

Kicker, heading and body, revealing top-down with an 80ms offset.

4 min read
View as MarkdownEdit on GitHub

Props

PropTypeDefaultDoes
id?string-Anchor target, so a nav can link straight to it.
label?string-The small monospace kicker above the heading.
titlestring-
childrenReactNode-

Notes

title is required and always renders as an h2 - there's no way to get an h1 or h3 out of this component. A page's own h1 belongs to its HeroHeroThe head of a documentation page: trail, element name, version, measured facts, actions and a responsive shot. Folds to one column by the room it has, not by the size of the window.@sushindustries/ui · docs; SectionSectionKicker, heading and body, revealing top-down with an 80ms offset.@sushindustries/ui · layout is for what comes after it.

The 80ms stagger between heading and body is fixed, not a prop. It exists to keep the two halves off the same animation frame, not to be tuned per section.

UsesRevealRevealFades and rises its children the first time they reach the viewport. Never un-reveals.@sushindustries/ui · motion