True Focus
An input field with a smooth focus transition and glow.
Preview
Installation
bash
npx auralix-ui add true-focusUsage
Basic Input
tsx
import { TrueFocus } from "@/components/ui/TrueFocus";
<TrueFocus />Custom Color
tsx
<TrueFocus label="Search..." focusColor="#06b6d4" />Props
| Name | Type | Default | Description |
|---|---|---|---|
label | string | "Focus me" | Placeholder text. |
focusColor | string | "#8b5cf6" | Color of the focus glow. |
On this page