Field

Layout wrapper for form components.

Installation

npx shadcn@latest add https://exawizards.com/exabase/design/registry/field.json

Usage

1. Install the field component and form components:

import { Field } from "@/components/ui/field"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"

2. Use the Field component to wrap your form fields:

<Field>
  <Label htmlFor="input">
  <Input id="input"  />
</Field>

API

Props of the div element are also available.

Examples

For checks