1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-11-14 17:35:35 +01:00
foris-js/src/bootstrap/PasswordInput.md

19 lines
493 B
Markdown
Raw Normal View History

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
```