1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2025-07-15 17:33:29 +02:00
Files
foris-js/src/bootstrap/EmailInput.md
2025-04-22 13:49:31 +02:00

23 lines
684 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.
```jsx
import { useState } from "react";
import Button from "./Button";
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>;
```