PasswordInput
Allows user to show and hide text on input.
version
5.0.0-alpha.32
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 #
Name | Type(s) | Default | Required |
---|---|---|---|
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 #
Previous
MarkdownEditorNext
Picker