crafter/ uiSource
Components/shadcn/Field

Field

Field with Crafter styling. Explore the live example and use the source in your project.

shadcn / Base UI

Input Fields

Choose a unique username for your account.

We'll never share your email with anyone.

This field must be filled out.

This field is currently disabled.

This field contains validation errors.

This field is currently disabled.

CRAFTER STYLEOpen style generator ↗Interactive · React 19

Installation

Add the shadcn primitive and the shared Crafter theme to a Base UI project. The theme updates your project-wide tokens.

Terminal
bunx --bun shadcn@4.21.0 add http://localhost:4324/r/field.json
First time here? Read the setup guide ↗

Composition

A foundation for your own components. The source stays close to the upstream API.

Field

From the foundation

These primitives use shadcn Base UI with the same Crafter colors, typography and corners as this entire site. Customize that shared identity in the style generator.

Upstream documentation ↗