Textarea

A simple and accessible textarea component that extends native HTML textarea functionality with consistent styling and focus management.

Default Usage

import { Textarea } from "@/components/ui/Textarea";

export const DefaultTextareaExample = () => {
  return (
    <Textarea
      placeholder="Type your message here..."
      rows={4}
    />
  );
};

Props

Features

• Native HTML Support: All standard textarea attributes and events work seamlessly
• Accessible: Proper focus management and keyboard navigation
• Responsive Design: Adapts beautifully to different screen sizes
• Dark Mode Ready: Built-in support for light and dark themes
• TypeScript Ready: Full TypeScript support with proper typing