TextField

A text field component for your forms.

Label

API reference

Prop	Type	Default	Responsive
size	smallmedium	small	Yes
label	string	-	No
icon	ReactNode	-	No
description	string	-	No
name	string	-	No
className	string	-	No
style	CSSProperties	-	No

Examples

Sizes

We support two different sizes: small, medium.

Label

Description

Label

Description

<Flex direction="row" gap="4">
  <TextField size="small" placeholder="Small" icon={<Icon name="sparkling" />} />
  <TextField size="medium" placeholder="Medium" icon={<Icon name="sparkling" />} />
</Flex>

With description

Here's a simple TextField with a description.

Label

Description

<TextField label="Label" description="Description" placeholder="Enter a URL" />