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/EmailInput.md

21 lines
681 B
Markdown
Raw Permalink Normal View History

2020-08-18 15:39:00 +02:00
Bootstrap component of email input with label with predefined sizes and
structure for using in foris forms. It use built-in browser email address
checking. It's only meaningful using inside `<form>`.
2019-08-23 15:20:22 +02:00
All additional `props` are passed to the `<input type="email">` HTML component.
```js
2020-08-18 15:39:00 +02:00
import { useState } from "react";
2024-09-27 14:44:02 +02:00
import Button from "./Button";
2020-08-18 15:39:00 +02:00
const [email, setEmail] = useState("Wrong email");
<form onSubmit={(e) => e.preventDefault()}>
2019-08-23 15:20:22 +02:00
<EmailInput
value={email}
2020-08-18 15:39:00 +02:00
label="Some label"
2019-08-23 15:20:22 +02:00
helpText="Read the small text!"
2020-08-18 15:39:00 +02:00
onChange={(event) => setEmail(event.target.value)}
2019-08-23 15:20:22 +02:00
/>
2024-09-27 14:44:02 +02:00
<Button type="submit">Try to submit</Button>
2020-08-18 15:39:00 +02:00
</form>;
2019-08-23 15:20:22 +02:00
```