Usage

import { TextInput } from '@loomhq/lens'
<TextInput />

With icon

See the Icon set.

Sizes

Type

With error

Disabled

Forwarding refs

Use the ref prop to access the DOM node.

More about forwarding refs.

Props

prop
type
default
required
type
oneOf: 'email', 'number', 'password', 'search', 'tel', 'text', 'url'
'text'
size
oneOf: 'small', 'medium'
'medium'
placeholder
string
value
string
onFocus
func
onChange
func
onBlur
func
onKeyDown
func
isDisabled
bool
icon
node
id
string
hasError
bool