Input

A translucent text field with an accent focus ring.

Install

npx shadcn add @clearly/input

import { Input } from "@/components/ui/input"

<Input />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Prop	Type	Default	Description
`type`	`string`	`"text"`	Native input type (passed to underlying <input>).
`value`	`string`	`—`	Controlled value.
`placeholder`	`string`	`—`	Placeholder text.
`disabled`	`boolean`	`false`	Disable the field.