Skip to content
Typography

Title

server22.75 kB
@stellaria/nebula-webTitleProps

Preview

Props

6
PropTypeDefault

children

ReactNode

—

className

Composes with the classes `Box` computes instead of replacing them.

string

—

component

(ElementType & C)

—

inherit

boolean

—

order

Heading level, 1 to 6. It deliberately shadows the flex `order` style prop: on a title the order that matters is the hierarchical one, and exposing both under the same name would serve nobody.

TitleOrder1

reveal

Animates the element in when it first scrolls into view. `true` takes the catalogue entrance; an object tunes it — `preset`, `distance`, `spring`, `duration`, `once`, `amount`, `rootMargin` and `index` for a stagger. It lives here rather than on each surface so that `Card`, `Paper`, `GradientBorder`, `Section` and anything else built on `Box` inherit one implementation. Without it `Box` stays a server component; with it the root swaps for a client shell and the children keep rendering on the server. The entrance is a CSS transition, not a JavaScript animation: it is the only motion in the catalogue that fires WHILE the user scrolls, and the compositor should own it.

boolean | UseRevealOptions

—

Also accepts

On top of its own props, this component forwards these groups.

Style props · 127