# Input

> `Input` is part of the Forms set, imported from `@jcsoftdev/ui/forms`.

Source: https://ui.jcsoftdev.com/docs/components/input

`Input` is part of the Forms set, imported from `@jcsoftdev/ui/forms`.

## Import

```ts
import { Input } from "@jcsoftdev/ui/forms";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/forms/input`.

## Usage

```tsx
<Input
  placeholder="Ej. Marco Salazar"
  aria-label="Nombre del cliente"
/>
```

## Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/forms-input--default)
- [With Value](/storybook/?path=/story/forms-input--with-value)
- [Telephone](/storybook/?path=/story/forms-input--telephone)
- [Invalid](/storybook/?path=/story/forms-input--invalid)
- [Disabled](/storybook/?path=/story/forms-input--disabled)
- [Read Only](/storybook/?path=/story/forms-input--read-only)

## Source

`packages/ui/src/forms/input/input.tsx`