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";
|
|
|
|
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
|
|
|
/>
|
|
|
|
<button type="submit">Try to submit</button>
|
2020-08-18 15:39:00 +02:00
|
|
|
</form>;
|
2019-08-23 15:20:22 +02:00
|
|
|
```
|