@elemental-ui-alpha/text-field
v0.0.2
Published
The text-field components serve as the primary device for text-based user text-field.
Downloads
4
Readme
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 />