@dossierhq/design/lib/components/Field/Field.d.ts

The design system for Dossier.

import type { FunctionComponent } from 'react';
import { type Color } from '../../config/Colors.js';
interface FieldProps {
    grouped?: boolean;
    horizontal?: boolean;
    children: React.ReactNode;
}
interface FieldLabelProps {
    size?: 'small' | 'medium' | 'large';
    children: string;
}
interface FieldControlProps {
    children: React.ReactNode;
}
interface FieldHelpProps {
    color?: Color;
    children: React.ReactNode;
}
interface FieldLabelColumnProps {
    children?: React.ReactNode;
}
interface FieldBodyColumnProps {
    children: React.ReactNode;
}
/** @public */
export interface FieldComponent extends FunctionComponent<FieldProps> {
    Label: FunctionComponent<FieldLabelProps>;
    Control: FunctionComponent<FieldControlProps>;
    Help: FunctionComponent<FieldHelpProps>;
    LabelColumn: FunctionComponent<FieldLabelColumnProps>;
    BodyColumn: FunctionComponent<FieldBodyColumnProps>;
}
export declare const Field: FieldComponent;
export {};