alouette/dist/definitions/ui/forms/FormItem.d.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

import { type ReactNode } from "react";
export interface FormItemProps {
    label: string;
    /** Muted helper text shown between the label and the input. */
    details?: ReactNode;
    error?: ReactNode;
    /**
     * True when `error` is caused by the field being left empty, as opposed
     * to some other validation failure. An empty required field just needs
     * its star recolored — a second warning icon would be a redundant cue.
     */
    isRequiredError?: boolean;
    /** true shows the default marker; any other ReactNode replaces it. */
    required?: ReactNode;
    /**
     * Wraps the rendered content in a left border + padding to visually nest it
     * inside a group. The label stays at full width above the rail.
     */
    indented?: boolean;
    /** Called when the label is pressed, so it can focus the input. */
    onLabelPress?: () => void;
    render: (labelId: string) => ReactNode;
}
/**
 * Label, error message and layout for a single form field. Form-library
 * agnostic — pass the input as a render prop so it can wire
 * aria-labelledby to the generated labelId, and onLabelPress so the label
 * can focus it, matching a native <label for> click.
 */
export declare function FormItem({ label, details, error, isRequiredError, required, indented, onLabelPress, render, }: FormItemProps): ReactNode;
//# sourceMappingURL=FormItem.d.ts.map