---
title: "Input"
id: "input"
description: "An Input lets the user to enter and edit text."
components: ["Input", "InputGroup"]
---

## Overview

import Default from "@/demo/Input/Default";

<CodeSandbox {...Default} />

## Size

import Size from "@/demo/Input/Size";

<CodeSandbox {...Size} />

## Required

import Required from "@/demo/Input/Required";

<CodeSandbox {...Required} />;

## Fill

import Fill from "@/demo/Input/Fill";

<CodeSandbox {...Fill} />

## Description

import Description from "@/demo/Input/Description";

<CodeSandbox {...Description} />

## Error

import Error from "@/demo/Input/Error";

<CodeSandbox {...Error} />

## Disabled

import Disabled from "@/demo/Input/Disabled";

<CodeSandbox {...Disabled} />

## Group

import Group from "@/demo/Input/Group";

<CodeSandbox {...Group} />
