A
Auralix UI

True Focus

An input field with a smooth focus transition and glow.

Preview

Installation

bash
npx auralix-ui add true-focus

Usage

Basic Input

tsx
import { TrueFocus } from "@/components/ui/TrueFocus";

<TrueFocus />

Custom Color

tsx
<TrueFocus label="Search..." focusColor="#06b6d4" />

Props

NameTypeDefaultDescription
labelstring"Focus me"Placeholder text.
focusColorstring"#8b5cf6"Color of the focus glow.