Bulk invite field that tokenizes addresses into chips and flags invalid ones with a rose tint.
The import and the props worth knowing about, in one place.
import { Form17 } from "@/components/beste/piece/form17";
<Form17
label="Invite by email"
emails={[
{
"address": "[email protected]",
"valid": true
},
{
"address": "hello@beste",
"valid": false
}
]}
placeholder="Separate with commas"
error="hello@beste is missing the domain ending."
bordered={false}
/>