# Bezel Frame

Seats a single prompt in a bezel ringed in sky chrome, for a hero search.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/bezel-frame
```

## Usage

```tsx
import { BezelFrame } from '@fetaui/components/bezel-frame'

export function Example() {
  return <BezelFrame label="Prompt" onSubmit={send} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| label | string | required |
| placeholder | string |  |
| defaultValue | string |  |
| thinking | boolean | false |
| disabled | boolean | false |
| onSubmit | (value) => void |  |
| onStop | () => void |  |
| bend | boolean | true |
| animated | boolean | true |

## When to use

- For one standalone prompt.

## When not to use

- In a form: use Input.

## Accessibility

- A labelled input. Thinking shows as text in the field.
- Focus adds a blue field ring, not only light.

## Motion

- A 1.5 px sky chrome ring drifts slowly round the bezel, the same ring as Metal Frame.
- Focus brightens the ring and the field ring turns blue, and send turns Primary.
- Thinking runs the bands 2.5 times faster.
- With animated off, reduced motion or no WebGL, the ring is a static CSS ring.