Skip to content
Mizen UI
Docs

IntroductionInstallationCLIStylingFoundationsThemingCompositionIntegrationsAccessibilityFor agents

useCopyToClipboard

AccordionAspect RatioCardCollapsibleFrameGridGroupInlineScroll AreaSectionSeparatorSpacerStack

BlockquoteCitationCodeHeadingKbdLabelLinkTextVisually Hidden

ButtonButton GroupToggleToggle groupToolbar

CalendarCheckboxCheckbox groupComboboxDate pickerDate range pickerDate-Time InputFieldFieldsetFile UploadFormInputInput groupNumber fieldOTP FieldRadio groupSelectSliderSwitchTextareaTime Input

BreadcrumbMenubarNavigation MenuPaginationSegmented ControlStepperTabs

Alert dialogCommandContext MenuDialogDrawerMenuPopoverPreview CardSheetTooltip

AlertBadgeEmptyError StateMeterProgressSkeletonSpinnerStatus dotToast

Activity FeedAvatarAvatar GroupData TableListMetricOverflow ListProperty ListTableTokenTree

Area ChartBar ListCalendar HeatmapCategory ComparisonChart FrameChart LegendChart TooltipDistributionFunnelHeatmapMetric TrendPart-to-WholeProgress RingsRadar ChartRadial BarsSankey ChartScatter ChartScore GaugeTime Series

Diagram

AttachmentCarouselCode BlockLightboxMarkdownThumbnailTimestamp

Agent ThinkingApproval CardComposerConversationInline CitationMessageMessage ScrollerQuestion CardSourcesStreaming TextSuggestionTask ListTerminalTool Call

On this page

  • Preview
  • Usage
  • Examples
  • Project summary
  • Project handoff
  • Read-only note
  • Disabled note
  • Message details
  • Recommendations
  • Usage boundaries
  • API reference

Forms

Textarea

Captures longer text with deliberate resize behavior.

idle

Usage

import { Textarea } from "@mizen-labs/ui";

Examples

Project summary

Use a visible label and native maxLength to set the editing limit.

Project handoff

Give teammates the context they need to continue the work.

Read-only note

Read-only, disabled, and invalid notes retain their labels.

Disabled note

Read-only, disabled, and invalid notes retain their labels.

Message details

Read-only, disabled, and invalid notes retain their labels.

Recommendations

GuidancePractice
Do

Show the expected content and any length limit near the field. Allow enough space to review a normal response.

Usage boundaries

GuidanceBoundary
Scope

Use Input for single-line values. Textarea does not sanitize or interpret submitted content.

API reference

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

PropTypeDefaultDescription
valuestring—Controls the text value.
defaultValuestring—Sets the initial text value.
sizeTextareaSize"default"Selects the control size.
invalidbooleanfalseMarks the textarea invalid when it is not bound to a Field.
unstyledbooleanfalseUses size styling without the standard field surface.
PreviousSwitchNextTime Input

Keep the summary under 280 characters.

Vertical resizing keeps longer notes comfortable.

Visible to the project team.

Message details are required.