Field
Wrapper for form content
import { Field } from '@kalidao/reality'
name | type | default |
|---|---|---|
description | ReactNode | - |
error | ReactNode | - |
hideLabel | boolean | - |
id | string | - |
label* Required | ReactNode | - |
labelSecondary | ReactNode | - |
required | boolean | - |
width | ConditionalStyle<Values<{ '112': string; '128': string; '144': string; '168': string; '180': string; '192': string; '224': string; '256': string; '288': string; '320': string; '1/4': string; '1/3': string; '1/2': string; '2/3': string; '3/4': string; screenSm: 640; ... 49 more ...; none: CSSVarFunction; }, { ...; }>> | full |
The content wrapped by field sets an id automatically for accessibility. You can customize the behavior by using the render prop.