LockInput
A text input whose focus state subtly "locks" into place — a focus ring scales in from the center and the border tweens to active, giving the impression that the input snaps closed on itself.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/lock-input
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | undefined | Visible label rendered above the input |
| description | string | undefined | Helper text below the input |
| error | string | undefined | Error message; presence triggers danger styling |
| leftIcon | React.ReactNode | undefined | Icon element placed before the input value |
| rightIcon | React.ReactNode | undefined | Icon element placed after the input value |
| disabled | boolean | false | Prevents interaction and applies 30% disabled opacity |