Input

Displays a form input field or a component that looks like an input field.

Important

Input is a primitive component, it is not meant to be used on it's own. Typically, it is used in any component that handles raw text, such as TextField, NumberField, SearchField, and ComboxBox.

Installation

CLI

Copy & Paste

bash

npx @sly-cli/sly add draft-ui input

Examples

Default

The default Input uses size md.

Example

Code

Size

You can use the size prop to alter the input size. Sizes xs, sm, md, and lg are included by default.

Example

Code

Disabled

Use the disabled prop to make the Input disabled.

Warning

Currently, the Input component uses the disabled prop rather than isDisabled.

Example

Code