2020-08-18 15:39:00 +02:00
|
|
|
Password Bootstrap component input with label and predefined sizes and structure
|
|
|
|
for using in foris forms. Can be used with "eye" button, see example.
|
2019-08-23 15:20:22 +02:00
|
|
|
|
2020-08-18 15:39:00 +02:00
|
|
|
All additional `props` are passed to the `<input type="password">` HTML
|
|
|
|
component.
|
2019-08-23 15:20:22 +02:00
|
|
|
|
|
|
|
```js
|
2020-08-18 15:39:00 +02:00
|
|
|
import { useState } from "react";
|
|
|
|
const [value, setValue] = useState("secret");
|
2019-08-23 15:20:22 +02:00
|
|
|
|
|
|
|
<PasswordInput
|
|
|
|
withEye
|
|
|
|
value={value}
|
2020-08-18 15:39:00 +02:00
|
|
|
label="Some password"
|
2019-08-23 15:20:22 +02:00
|
|
|
helpText="Read the small text!"
|
2020-08-18 15:39:00 +02:00
|
|
|
onChange={(event) => setValue(event.target.value)}
|
|
|
|
/>;
|
2019-08-23 15:20:22 +02:00
|
|
|
```
|