ShowPasswordButton.md

<ShowPasswordButton /> Component

This component is represents control visibility button for password <Input />. It requires context which is provided by <PasswordGroup />.

Usage

<Form {...FormProps}>
    <FormGroup {...FormGroupProps}>
        <PasswordGroup {...HTMLDivElementProps}>
            <Input  {...HTMLInputProps} />
            <ShowPasswordButton 
                clickToShow={true}
                hoverToShow={false}
                {...HTMLButtonElementProps}          
            />
        </InputRange>   
    </FormGroup>
</Form>

where:

• clickToShow - show password on click. Optional. Default - true.
• hoverToShow - show password on hover. Optional. Default - false.