A pack of extensions for grommet 2
created:4/30/2021
updated:4/30/2021
loc
43
comments
9%
passed
1
failed
3
coverage
50%

PasswordInput

avatar of atanasster
avatar of Ivens Joris
avatar of GitHub
grommet-controls
3.0.1

A password field with show/hide password toggle. All properties of DropInput apply.

import { PasswordInput } from 'grommet-controls';

Main

Name
Description
Default
IPasswordInputOwnProps(4 properties)
a11yViewPassword

Custom view password title to be used by screen readers

string
View password
a11yHidePassword

Custom hide password title to be used by screen readers

string
Hide password
viewIcon

Icon to view the password

Element
<FormView />
hideIcon

Icon to hide the password

Element
<Hide />
IDropInputOwnProps(14 properties)
TextInputProps(19 properties)
Attributes(1 properties)
InputHTMLAttributes(28 properties)
HTMLAttributes(41 properties)
AriaAttributes(48 properties)
DOMAttributes(157 properties)

Commits

Date
Author
Commit Message
8/31/2020

atanasster

avatar of atanasster
update stories titles and navigation
8/30/2020

atanasster

avatar of atanasster
update eslint and add component-controls
10/20/2019

atanasster

avatar of atanasster
fix for password hide icon
10/20/2019

atanasster

avatar of atanasster
fix for password hide icon
10/16/2019

Ivens Joris

avatar of Ivens Joris
show the hidden icon for password input
8/27/2019

atanasster

avatar of atanasster
initial commit 2.x alpha
6 commits
package
imports
peer
FormView
*
Hide
*
react
^17.0.1
ReactComponent
*
file
imports
"../DropInput"
DropInput
"./PasswordInputProps"
IPasswordInputProps

Stories

View Icon