Input

Single-line text field for user data entry and form submission.

Installation

Add the component to your project using the following command:

Usage

Import

Import the component and its related parts.

import { Input } from "components/selia/input";

Structure

The expected structure and composition of the component.

<Input />

Props

Each component part, its responsibility, and the props it exposes.

Examples

Subtle

Use the variant="subtle" prop to make the input have a subtle background color.

File

Use the type="file" prop to make the input a file input.

Disable

Use the disabled prop to make the input disabled.