A pack of extensions for grommet 2
created:4/21/2021
updated:4/21/2021
source lines:43
comments %:9

PasswordInput

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

update stories titles and navigation
8/30/2020

atanasster

update eslint and add component-controls
10/20/2019

atanasster

fix for password hide icon
10/20/2019

atanasster

fix for password hide icon
10/16/2019

Ivens Joris

show the hidden icon for password input
8/27/2019

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