textarea

1---
2// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/textarea/Textarea.astro directly.
3/**
4 * @component Textarea
5 * @title Textarea
6 * @description A multi-line input field for longer user content.
7 * @figmaUrl https://www.figma.com/design/koxai7zw5vIuBzuVxe5T2l/bejamas-ui?node-id=2508-2555&t=YFStJ3V8fXEO8QD8-4
8 * @status stable
9 * @since 0.1.0
10 *
11 * @preview
12 *
13 * <Textarea placeholder="Type your message here..." />
14 *
15 * @usage
16 *
17 * ```astro nocollapse
18 * ---
19 * import { Textarea } from '@bejamas/ui/components/textarea';
20 * ---
21 *
22 * <Textarea placeholder="Type your message here..." />
23 * ```
24 */
25 
26const { class: className = "", ...props } = Astro.props;
27 
28const baseClass =
29  "flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50";
30 
31import { cn } from "@/lib/utils";
32---
33 
34<textarea
35  data-slot={props["data-slot"] ?? "textarea"}
36  class={cn("border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] focus-visible:ring-3 aria-invalid:ring-3 md:text-sm px-3", baseClass, className)}
37  {...props}></textarea>