A text field for short values.

<rl-input placeholder="Enter a value" />

Examples

Size

<rl-input size="small" placeholder="Small" />
<rl-input size="medium" placeholder="Medium" />
<rl-input size="large" placeholder="Large" />

Disabled

<rl-input disabled placeholder="Disabled" />

API

PropTypeDefaultDescription
typestring"text"Native input type.
size"small" | "medium" | "large""medium"Field height.
valuestringCurrent value.
placeholderstringEmpty-state hint.
disabledbooleanfalsePrevents editing.
clearablebooleanfalseShows a clear control when filled.
namestringForm name.