Textfield

A text field is an input that allows a user to write or edit text.

Default

The default form of a text field.

import Textfield from '@/components/textfield';

<Textfield />

State

Disabled

Set isDisabled to disable a button when another action has to be completed before the button is usable, such as changing a text field value or waiting for a system response.

import Textfield from '@/components/textfield';

<Button isDisabled>Disabled button</Button>

Spacing

Buttons can have various spacing. Default spacing is used for most use cases, compact for tables and none for breadcrumbs.

import Textfield from '@/components/textfield';

<Textfield spacing="strong" />
<Textfield spacing="default" />
<Textfield spacing="compact" />