Shimmer Input

1import { ShimmerInput } from "@/registry/ui/shimmer-input";
2
3export function ShimmerInputExamples() {
4  return (
5    <div className="flex flex-col gap-4 min-h-64 items-center justify-center">
6      <ShimmerInput
7        placeholder="How can I help you today?"
8        activePlaceholder="Ask me things like: How do I create a new project?"
9        minWidth={240}
10        maxWidth={390}
11        placeholderSpacing={48}
12        aria-label="How can I help you today?"
13      />
14      <ShimmerInput
15        placeholder="How can I help you today?"
16        activePlaceholder="Ask me things like: How do I create a new project?"
17        minWidth={600}
18        maxWidth={800}
19        placeholderSpacing={48}
20        aria-label="How can I help you today?"
21      />
22    </div>
23  );
24}