widgets

Atomic Components

form

A collection of form components and patterns including validation, different input types, and form layouts using react-hook-form and zod. The copy button allows you to copy the variant name to your clipboard.

Profile Form

This is your public display name. It can be your real name or a pseudonym.

We'll never share your email with anyone else.

You can @mention other users and organizations to link to them.

Account Form

This is the name that will be displayed on your profile and in emails.

Your date of birth is used to calculate your age.

This is the language that will be used in the dashboard.

Notification Form

Receive notifications on your mobile device.

Receive emails about your account activity.

Receive emails about new products, features, and more.

Receive emails for friend requests, follows, and more.

Receive emails about your account activity and security.

Login Form

Keep me signed in on this device.

Contact Form

Receive updates about new features and products.