components / intro
intro.
full-screen intro overlay: a hero holds on top while lines take turns in a fixed slot beneath it, then the whole scene fades out. skippable, with a play-once localStorage gate.
installation
bunx @justin06lee/chrome@latest add introprops
| name | type | default | description |
|---|---|---|---|
| lines * | ReactNode[] | - | lines shown one at a time in a fixed slot under the hero, in order. |
| hero | ReactNode | - | optional visual rendered above the lines for the whole intro (e.g. ascii art). |
| speed | number | 1 | playback speed multiplier — 2 plays the sequence twice as fast. |
| onComplete | () => void | - | called once after the overlay finishes fading out (also on skip). |
| skippable | boolean | true | whether to show the skip button. |
| skipLabel | string | 'skip' | label for the skip button. |
| persistKey | string | - | when set, plays only once and remembers via localStorage. |
| className | string | - | extra classes for the overlay. |