WUI logo

PasswordInput

Allows user to show and hide text on input.

version

5.0.0-alpha.16

install

yarn add @welcome-ui/password-input

usage

import { PasswordInput } from '@welcome-ui/password-input'

Usage #

Is the InputText component with password conditions to show or hide the text.

With Field #

Example with a Field

Properties #

NameType(s)DefaultRequired
autoFocus
Boolean
disabled
Boolean
icon
Element
iconPlacement
"right"
"left"
isClearable
Boolean
name
string
onBlur
(event: FocusEvent<HTMLInputElement, Element>) => void
onChange
(event: ChangeEvent<HTMLInputElement>) => void
onFocus
(event: FocusEvent<HTMLInputElement, Element>) => void
onKeyDown
(event: KeyboardEvent<HTMLInputElement>) => void
placeholder
string
type
string
value
string
transparent
Boolean
size
"xs"
"sm"
"md"
"lg"
variant
"error"
"focused"
"info"
"success"
"warning"
hasIcon
Boolean

Packages #

Dependencies #
Peer dependencies #