1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2025-04-20 08:16:38 +02:00
foris-js/src/bootstrap/EmailInput.md
Maciej Lenartowicz 50a1bfd9b5 Release 0.1.0
2019-10-07 15:16:27 +00:00

641 B

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.

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={event =>setEmail(event.target.value)}
    />
    <button type="submit">Try to submit</button>
</form>