---
title: Input
description: A form element for user text input, resembling a standard textarea field.
links:
  source: https://github.com/lmsqueezy/wedges/blob/main/packages/wedges/src/components/Input/Input.tsx
---

<PreviewComponent name="input/preview" />

### Usage

```tsx
import { Input } from "@lemonsqueezy/wedges";
```

```tsx showLineNumbers
<Input />
```

### API Reference

In addition to all the props defined as `React.InputHTMLAttributes<HTMLInputElement>`, `Input` component also includes the following props:

<PropsTable
  content={[
    [
      {
        value: "disabled",
        description:
          "If set to `true`, additional styles will be applied to indicate that the input is disabled.",
      },
      {
        value: "boolean",
      },
      { value: "false" },
    ],
    [
      {
        value: "required",
        description:
          "If set to `true`, additional styles will be applied to indicate that the input is required.",
      },
      { value: "boolean" },
      { value: "false" },
    ],
    [
      {
        value: "tooltip",
        description: "Optional description of the input, shown on hover.",
      },
      { value: "ReactNode" },
      {},
    ],
    [
      { value: "description", description: "Additional information displayed next to the label." },
      { value: "ReactNode" },
      {},
    ],
    [
      {
        value: "label",
        description: "Label of the input.",
      },
      { value: "ReactNode" },
      {},
    ],
    [
      {
        value: "destructive",
        description:
          "Specifies whether this input has a destructive styling. If set to `true`, the input will be styled differently to indicate a destructive action.",
      },
      {
        value: "boolean",
      },
      { value: "false" },
    ],
    [
      {
        value: "helperText",
        description:
          "Additional text or information to guide the user. It's rendered below the input.",
      },
      {
        value: "ReactNode",
      },
      {},
    ],
  ]}
/>