@elemental-ui-alpha/text-field

Input

import { TextField, TextInput } from '@elemental-ui-alpha/text-field';

TextField

The TextField component is the recommended component to use, which connects the label, description, and message to the input element.

Label

Each text field must be accompanied by a label.

<TextField label="Name" />

Description

Labels should be concise. If you need to provide extra information to describe the field, use the description property.

<TextField
  label="Email"
  description="We take your privacy seriously. We will never give your email to a third party."
/>

Message

Offer a message to the user that may aid input.

<TextField label="First name" message="e.g. Olivia" />

TextInput

The TextInput component is just a styled input element.

<TextInput />