Input

An Input is a field for short text values. It can include masks and character restrictions, such as accepting only numbers.

import { Input } from '@vtex/shoreline'

export default function Example() {
  return <Input />
}

Optional props

Related components

Textarea

Text Area is a field for text values that can take up more than one line in a form, such as descriptions or comments.

DatePicker

A Date Picker is a field for single date values that may include time. The date can be typed or selected with the help of a Calendar.

Search

Search is a text input that users can type to narrow down a Collection. Use Filters if values can be classified in predefined options.