@accelint/design-toolkit
Version:
An open-source component library to serve as part of the entire ecosystem of UX for Accelint.
39 lines (36 loc) • 1.39 kB
TypeScript
import * as react_jsx_runtime from 'react/jsx-runtime';
import * as react from 'react';
import { ContextValue } from 'react-aria-components';
import { ProviderProps } from '../../lib/types.js';
import { TextAreaFieldProps } from './types.js';
declare const TextAreaFieldContext: react.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
declare function TextAreaFieldProvider({ children, ...props }: ProviderProps<TextAreaFieldProps>): react_jsx_runtime.JSX.Element;
declare namespace TextAreaFieldProvider {
var displayName: string;
}
/**
* TextAreaField - A multi-line text input component with label and validation
*
* Provides a complete form field experience for longer text content with integrated
* label, description, and error message components. Handles validation states and
* accessibility automatically while supporting resizable text areas.
*
* @example
* // Basic text area field
* <TextAreaField label="Comments" />
*
* @example
* // Text area with validation
* <TextAreaField
* isInvalid={true}
* errorMessage='Message is required'
* label='Foo'
* isRequired
* />
*/
declare function TextAreaField({ ref, ...props }: TextAreaFieldProps): react_jsx_runtime.JSX.Element;
declare namespace TextAreaField {
var displayName: string;
var Provider: typeof TextAreaFieldProvider;
}
export { TextAreaField, TextAreaFieldContext };