HomeSetup

Components

AccordionAlertAlert DialogAspectRatioAutocompleteAvatarBadgeBreadcrumbButtonButton GroupCardCheckboxCheckboxGroupCollapsibleComboboxContext MenuDialogDrawerDropdown MenuFieldFieldsetFormHover CardInputInput GroupInputOTPItemKbdMenubarMeterNavigation MenuNumber FieldPaginationPopoverProgressRadio GroupScrollAreaSelectSeparatorSkeletonSliderSpinnerSwitchTableTabsText LinkTextareaToastToggleToggle GroupToolbarTooltip

V0.1.0

Form

Form is a Chord form component built from Base UI primitives and project tokens.

import Button from "@/components/public/Button";import { Field } from "@/components/public/Field";import Form from "@/components/public/Form";<Form onFormSubmit={(values) => console.log(values)}>  <Field.Root name="email">    <Field.Label>Email</Field.Label>    <Field.Control type="email" required placeholder="you@example.com" />    <Field.Error match="valueMissing">      An email address is required.    </Field.Error>  </Field.Root>  <Button type="submit" variant="secondary">    Subscribe  </Button></Form>
dqnamo
dqnamo