DULoginForm
AuthReady-made email/password sign-in form.
import { DUAuthCard, DULoginForm } from 'deri-ui';Live preview
Sign in
typescript
<DUAuthCard title="Sign in"><DULoginForm onSubmit={login} /></DUAuthCard>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| onSubmit | (data) => void | — | Credentials callback |
| loading | boolean | — | Submitting state |
Usage
import { DUAuthCard, DULoginForm } from 'deri-ui';
<DUAuthCard title="Sign in"><DULoginForm onSubmit={login} /></DUAuthCard>Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.