# Input

An input element to enter text.

## Key Props

- `type`: to change the input type.
- `placeholder`: to set a placeholder text.
- `color`: to change the ring color when the Input is focused.
- `variant`: to change the variant of the Input.
- `size`: to change the size of the Input.
- `icon`: to show an [Icon](/docs/components/icon) inside the Input.
- `avatar`: to show an [Avatar](/docs/components/avatar) inside the Input.
- `loading`: to show a loading icon on the Input.
- `disabled`: to disable the Input.

## Usage

```vue
<UInput
  <!-- props here -->
/>
```

## Slots

- `#trailing`
- `#default`
