components/example.tsx
1
import { AnimatedBackground } from "passport-ui";components/example.tsx
1
2
3
4
<AnimatedBackground className="h-64 w-full" colors={["#ff6b6b", "#4ecdc4", "#45b7d1"]}/>A component for creating animated, gradient backgrounds.
Import the component from the passport-ui package.
import { AnimatedBackground } from "passport-ui";Basic example showing how to use the component.
<AnimatedBackground className="h-64 w-full" colors={["#ff6b6b", "#4ecdc4", "#45b7d1"]}/>Documentation and examples are available in Storybook.