Field

A flexible container for form fields, labels, descriptions, and error messages.

Preview

Profile Settings

This is your public display name.

Select your primary role in the organization.

Optional

Installation

$npx maddex add Field

Usage

1<!-- @import { Field, FieldContent, FieldDescription, FieldLabel, FieldGroup, FieldSet } from ../../lib/maddex -->
2
3<FieldSet>
4  <FieldGroup>
5    <Field>
6      <FieldLabel>Username</FieldLabel>
7      <FieldContent>
8        <Input placeholder="@jdoe" />
9        <FieldDescription>This is your public display name.</FieldDescription>
10      </FieldContent>
11    </Field>
12  </FieldGroup>
13</FieldSet>