mirror of
https://gitlab.nic.cz/turris/reforis/foris-js.git
synced 2024-11-14 17:35:35 +01:00
19 lines
637 B
Markdown
19 lines
637 B
Markdown
|
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>`.
|
||
|
|
||
|
All additional `props` are passed to the `<input type="email">` HTML component.
|
||
|
|
||
|
```js
|
||
|
import {useState} from 'react';
|
||
|
const [email, setEmail] = useState('Wrong email');
|
||
|
<form onSubmit={e=>e.preventDefault()}>
|
||
|
<EmailInput
|
||
|
value={email}
|
||
|
label="Some label"
|
||
|
helpText="Read the small text!"
|
||
|
onChange={target => setEmail(target.value)}
|
||
|
/>
|
||
|
<button type="submit">Try to submit</button>
|
||
|
</form>
|
||
|
```
|