Start typing to search the documentation.
Paste your code, pick a sorting style and press Sort. Everything runs in your browser.
The Playground needs JavaScript.
import Button from '~/components/Button' import type { FC } from 'react' import { useId, useCallback, useState, useEffect, } from 'react' import Form from '~/components/Form' import Input from '~/components/Input' import { FormValues } from '~/stores/auth' import './style.css' interface Props { className?: string onSubmit: (values: FormValues) => void id: string resetFormValues: () => void title: string } const Auth: FC<Props> = (props) => ( <Form {...props}> <Input placeholder="Enter your email" full name="user-email" validation={/^[^s@]+@[^s@]+.[^s@]+$/i} type="email" label="Email address" /> <Button type="submit" className="submit-button" size="l" color="secondary" > Submit </Button> </Form> )