Text Highlight Demo

1import { TextHighlight } from '@/registry/bucharitesh/text-highlight';
2 
3export default function TextHighlightDemo() {
4  return (
5    <div className="flex flex-col items-center justify-center gap-5 p-10">
6      <TextHighlight
7        color="255 232 62"
8        angle="50deg"
9        rotate="1deg"
10        scale="1.1"
11        skew="-5deg"
12      >
13        this is important
14      </TextHighlight>
15      <TextHighlight
16        color="91 233 92"
17        angle="30deg"
18        scale="0.92"
19        skew="7deg"
20      >
21        wait, this is also important
22      </TextHighlight>
23      <TextHighlight
24        color="255 100 185"
25        angle="150deg"
26        rotate="0.5deg"
27        skew="5deg"
28      >
29        wow, almost forgot this
30      </TextHighlight>
31    </div>
32  );
33}