zedkit
@zedtech/zedkit-ui

Lay out fieldsets, fields, and error lists

@zedtech/zedkit-ui — beta

beta

At a glance

  • Who: Developers structuring long or grouped forms.
  • What: Fieldsets, field rows, labels, descriptions and error lists.
  • Use when: To group related fields with legends and per-field errors.
  • Avoid when: For validation logic itself — pair with Form instead.
  • See also: Build validated forms with labels, errors, and pending state

Preview

@zedtech/zedkit-ui — FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldDescription, FieldError, FieldSeparator, FieldContent, FieldTitle

Public, shown to the team.

Install

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

Example

Usage
import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldSet } from "@zedtech/zedkit-ui";
<FieldSet><FieldGroup><Field>
<FieldLabel>Name</FieldLabel><FieldDescription>Public.</FieldDescription>
<FieldError errors={[{ message: "Too short." }]} />

Wraps: none (presentational over Label, Separator)

On this page