GitHub

Form

Forms allow users to enter data that can then be submitted for processing. Use forms for login, settings, registration, or any data collection task.

Login Example

# Direct link

Welcome Back

Forgot?

Settings Example

Grid Layout

Profile

This information will be displayed publicly.

Notifications

Decide which communications you'd like to receive.

Get notified when someone mentions you.
Receive mobile alerts for new messages.

Validation States

error

Username contains invalid characters.

check_circle

Username is available!

API Reference

PropertyTypeDefaultDescription
layout'vertical' | 'horizontal''vertical'The visual layout of label and input pairings.
onSubmit(values) => voidundefinedCallback triggered when the form is submitted.
initialValuesobject{}Key-value pairs for initial field values.
react-principles