Typer Demo

1"use client";
2 
3import { Typer, type TyperProps } from "@/components/sora-ui/texts/typer";
4 
5export default function TyperExample({
6  fps = 20,
7  cycles = 3,
8  stagger = 0.15,
9  startOnView = true,
10  accent = "#12a150",
11}: Partial<TyperProps>) {
12  return (
13    <div className="flex w-full items-center justify-center px-6 py-16">
14      <Typer
15        accent={accent}
16        className="font-semibold text-xl leading-[1.15] tracking-tight sm:text-2xl"
17        cycles={cycles}
18        fps={fps}
19        stagger={stagger}
20        startOnView={startOnView}
21        text={"Type that assembles itself, one glyph at a time."}
22      />
23    </div>
24  );
25}