## Examples

### Initial state


import Example1 from './Example1.html?raw'

<LiveExample html={Example1} />

### Invalid password


import Example2 from './Example2.html?raw'

<LiveExample html={Example2} />

### Valid, weak password


import Example3 from './Example3.html?raw'

<LiveExample html={Example3} />

### Valid, strong password


import Example4 from './Example4.html?raw'

<LiveExample html={Example4} />

## Documentation

This demo implements a password strength meter. It uses multiple helper text items in the form helper text area below the input field to indicate whether the password meets validity criteria. Once the validity criteria are met, it also places helper text in the info area above the input field to indicate the strength of the password.