Components
Component Statement
One large sentence whose words rise into place out of a blur as it scrolls into view, under a short label: Text Appear as a section of its own.
Made for the page builder — try it there
Try it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | "Our approach" | A short line above the statement; empty for none. |
| text | string | a sentence about the studio | The statement: the block's h2. |
| size | "large" | "display" | "large" | How big the statement is: large is the h1 size, display the largest size of the theme. |
| align | "start" | "center" | "start" | Where the label and the statement sit. |
| by | "word" | "line" | "word" | word: each word rises in turn; line: the whole statement at once. |
| className | string | — | Classes for the <section>. |
- Motion is Text Appear's, unchanged: once, when the statement scrolls into view, each word 0.05 s after the one before, from a 7px blur; with reduced motion the text is simply there.
- The statement is held to max-w-5xl so a long sentence keeps a readable measure at the display size.
