Components•Textarea
Components•Textarea
Textarea
A multi-line text field for notes, descriptions, and longer user input.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/primitive-textareaHow to use
import { BjorkTextarea } from "@/components/isaiahbjork/primitives";Props
classNamestringPass through styling hooks for the Textarea primitive without replacing the base Bjork surface.
childrenReactNodeComposable content, labels, icons, and nested content where the primitive supports them.
valuestringUse normal textarea props for controlled text, placeholders, disabled state, and validation attributes.
Default textarea
Use for longer text entry while keeping the same inset form style.
<BjorkTextarea placeholder="Write a component note..." />Filled textarea
Use when the field sits inside a heavier settings block and needs a little more surface weight.
<BjorkTextarea defaultValue="The component is ready for review." className="min-h-[140px]"/>Disabled textarea
Use disabled when the field is visible for context but cannot be edited yet.
<BjorkTextarea disabled value="Locked until the draft is synced." readOnly/>