Input

A single-line field for entering text and other values.

#Import

import { Input, InputDesc, InputGroup / InputFile } from 'bmates-ui';

#Basic usage

The example below mirrors the primary Storybook composition and can be used as a starting point.

<Input type="email" placeholder="you@example.com" aria-label="Email address" />

#Preview

<Input type="email" placeholder="you@example.com" aria-label="Email address" />

#Prop previews

The examples below isolate the props that change visual output or interaction.

#Input types

<Input type="email" placeholder="Email" />

#Disabled state

<Input disabled placeholder="Disabled" />

#Component API

#Usage notes

• Every component in the table is exported from bmates-ui.
• Unless noted otherwise, a component also accepts the standard props of its underlying HTML element.
• For application-owned state, use a controlled value and its change handler instead of only a default* prop.