basecn
Components

Form (React Hook Form)

Renders a form built with React Hook Form.

Docs

This is your public display name.

Installation

pnpm dlx shadcn@latest add https://basecn.dev/r/form.json
or

If you are using a namespaced registry, you can use the following command:

pnpm dlx shadcn@latest add @basecn/form

Examples

Checkbox Form

Select the items you want to display in the sidebar.

Radio Form

Select Form

You can manage email addresses in your email settings.

Switch Form

Email Notifications

Receive emails about new products, features, and more.

Receive emails about your account security.

Textarea Form

You can @mention other users and organizations.

Combobox Form

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

Date Picker Form

Your date of birth is used to calculate your age.

Migrating from Radix UI

Common Migration Steps

All components share several migration patterns when moving from Radix UI to Base UI. Before proceeding with component-specific changes, review the essential migration patterns.

Familiarizing yourself with these patterns will make the component-specific migration steps much clearer.

Docs by Fumadocs
Analytics by Databuddy