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

name
type
default
type
'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url'
'text'
size
'small' | 'medium'
'medium'
placeholder
string
value
string | number
onFocus
React.ReactEventHandler
onChange
React.ReactEventHandler
onBlur
React.ReactEventHandler
onKeyDown
React.ReactEventHandler
isDisabled
boolean
icon
React.ReactNode
id
string
hasError
boolean