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

19 lines
641 B
Markdown
Raw Normal View History

2019-08-23 15:20:22 +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>`.
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!"
2019-10-07 17:16:27 +02:00
onChange={event =>setEmail(event.target.value)}
2019-08-23 15:20:22 +02:00
/>
<button type="submit">Try to submit</button>
</form>
```