@loke/design-system/dist/components/textarea/textarea.d.mts

A design system with individually importable components

import { type TextareaHTMLAttributes } from "react";
export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
/**
 * Textarea component for multi-line text input
 *
 * The Textarea component provides a customizable multi-line text input field. It's designed to be flexible and consistent with other form components while allowing for larger text inputs.
 *
 * Key features:
 * - Customizable appearance through className prop
 * - Consistent styling with other form components
 * - Supports all standard textarea attributes
 * - Accessible focus states
 * - Disabled state styling
 *
 * Usage considerations:
 * - Use for longer text inputs where multiple lines are expected or allowed
 * - Consider setting an appropriate initial height and allowing for resizing
 * - Provide clear labels or placeholders to indicate the expected input
 * - Use in conjunction with form validation for required fields
 * - Ensure sufficient color contrast for placeholder text
 */
declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
export { Textarea };