Input

Text field with left/right icon slots, size variants, and error state.

Installation

Examples

Default

Basic text input with placeholder.

With icon

Left and right element slots.

Sizes

sm, md (default), lg.

States

Disabled and invalid states.

This field is required.

API Reference

PropTypeDefaultDescription
size'sm'|'md'|'lg''md'Controls height and font size.
leftElementReactNodeElement inside the left side.
rightElementReactNodeElement inside the right side.
invalidbooleanfalseApplies error ring and border color.
disabledbooleanfalsePrevents interaction.