Back to Component Browser
Field
Quartzlib/quartz/components/Field/index.ts
Preview
Import
import { Field } from '@/lib/quartz';Props (5)
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| description | ReactNode | optional | — | The description text for the `<Field>` that should be displayed under a label. |
| invalidText | string | optional | — | Error text that will be displayed in error styling. When present, `aria-invalid` will be set on the underlying `<input>` |
| renderInput | (renderProps: InputRenderProps) => ReactNode | required | — | A function which expected a ReactNode. This is where you should render your input.... |
| inputId | string | optional | — | The `id` of the input. If none is provided, it will be autogenerated. |
| labelVariant | LabelVariant | optional | primary | Whether the `labelPrimary` or `labelSecondary` typography preset should be used.... |
Usage
Not used in any projects yet.