# {{ NgDocPage.title }}

**Displays a form input field or a component that looks like an input field.**

{{ NgDocActions.demo("InputExampleComponent", { expanded: false}) }}

## Usage

```ts
import { ShInputDirective } from '@radix-ng/shadcn/input';
```

```html
<input shInput />
```

## Examples

### File

{{ NgDocActions.demo("InputFileExampleComponent", { expanded: false}) }}

### With Label

{{ NgDocActions.demo("InputWithLabelExampleComponent", { expanded: false}) }}

### With Button

{{ NgDocActions.demo("InputWithButtonExampleComponent", { expanded: false}) }}
