No matches.
component
Background surface variant for the textarea.
Border variant for the textarea wrapper.
Corner radius override. Without it the corner follows the size tier (`control.<size>`). `inner` renders a concentric corner computed from the nearest parent panel (parent radius − parent padding, floored at `2xs`).
Size variant. All sizes share the same height system as inputs and buttons (`xs`, `sm`, `md`, `lg`); it sets the minimum (single-row) height.
Semantic tone color scheme used to indicate validation state or context. `neutral` is the default, `primary` uses the primary color, `success` green, `danger` red, and `warning` orange.
Border radius for the bottom-left and bottom-right corners.
Border radius for the top-left and bottom-left corners.
Border radius for the top-right and bottom-right corners.
Border radius for the top-left and top-right corners. Overrides `radius` on those corners only (flush-edge chains).
Pick<TextareaPassThrough<RootElementAttributes>, "root"> Per-slot escape hatch for custom styling and props on the wrapper.
Astro / vanilla: serialize the props into `data-textarea-config` so the client runtime hydrates this instance and `getPindoba(el, "textarea")` can `update()` it. Frameworks with their own reactivity don't need it.
When true, the textarea auto-grows to fit its content (the framework wires a small resize behavior keyed on `data-auto-resize`). Pair with `resize="none"` so the drag handle doesn't fight the auto height.
Which directions the native drag-resize handle allows.
{ root?: TextareaSlotPassThrough<TextareaElementAttributes> } Per-slot escape hatch for custom styling and props on the `<textarea>`.
Astro / vanilla: serialize the props into `data-textarea-field-config` so the client runtime hydrates this instance and `getPindoba(el, "textarea-field")` can `update()` it. Frameworks with their own reactivity don't need it.
Background surface variant for the textarea.
Border variant for the textarea wrapper.
Corner radius override. Without it the corner follows the size tier (`control.<size>`). `inner` renders a concentric corner computed from the nearest parent panel (parent radius − parent padding, floored at `2xs`).
Size variant. All sizes share the same height system as inputs and buttons (`xs`, `sm`, `md`, `lg`); it sets the minimum (single-row) height.
Semantic tone color scheme used to indicate validation state or context. `neutral` is the default, `primary` uses the primary color, `success` green, `danger` red, and `warning` orange.
Border radius for the bottom-left and bottom-right corners.
Border radius for the top-left and bottom-left corners.
Border radius for the top-right and bottom-right corners.
Border radius for the top-left and top-right corners. Overrides `radius` on those corners only (flush-edge chains).
Which directions the native drag-resize handle allows.
Leading addon content (icon/badge), rendered inside an affix box the Control Var Contract aligns. Pass a `<Stamp emphasis="ghost">` for icons; style the box via `passThrough.leading`.
Bound reference to the inner `<textarea>` element (`bind:this`).
TextareaPassThrough< RootElementAttributes, TextareaElementAttributes > Per-slot escape hatch for custom styling and props. Each slot accepts a Panda CSS `style` object and a `props` bag of arbitrary HTML attributes.
Astro / vanilla: serialize the props into `data-textarea-config` so the client runtime hydrates this instance and `getPindoba(el, "textarea")` can `update()` it. Frameworks with their own reactivity don't need it.
Plus all standard <textarea> HTML attributes.