Skip to content

[data-js-navigation-trigger] { display: none !important; }

Back to ComponentsComponent

Field

Open-code aq-ui accessible component family for Field.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add field

API reference

Client moduleView full source

Quick start

"use client"

import { Field } from "@/components/ui/field"

<Field />

Exports

Field const
FieldContent const
FieldDescription const
FieldError const
FieldGroup const
FieldLabel const
FieldLegend const
FieldSeparator const
FieldSet const
FieldTitle const

Registry dependencies

label, separator, utils

Package dependencies

class-variance-authority@^0.7.1

Files

components/ui/field.tsx

Source