• Docs
  • Blog
    • 0.24.0

    • Switch to dark mode
    Get Started
    Components
    Styling
    Theming

    Concepts

    OverviewCompositionTesting

    Layout

    Aspect RatioBleedBoxCenterContainerDividerFlexFloatGridLink OverlayScrollableStackWrap

    Components

    AccordionAdmonitionAvatarButtonCarouselCheckboxClipboardCollapsibleComboboxConfirm ModalCTAModalDate PickerDialogFieldFieldsetFile UploaderIcon ButtonInputLoading StatesMenuNotificationsNumber InputPin InputProgressPrompt ModalRadioRatingSelectSplit ButtonSwitchTableTabsTagTextTextareaToggleTooltip

    Utilities

    Feature FlagsForLocal StoragePortalShowsplitPropsTheme

    Textarea

    The Textarea component displays a textarea field.

    • npm
    • source
    • recipe
    • Ark
    import {
    Field,
    Textarea,
    } from '@cerberus/react'

    Usage

    The Textarea component displays a textarea field.

    We'll never share your email with anyone else.
    A name is required to submit this form. It replaces the helper text.
    This will help us learn more about you.0/300

    Secondary Helper Text

    The Textarea component supports secondary helper text, which can be used to display additional information or a character count.

    0/300

    Customizing

    You can customize the textarea by passing styles directly into the component. Textarea is a re-export of the FieldTextarea primitive.

    Custom Helper Text

    API

    Props

    The Textarea accepts the following props in addition to any native textarea props:

    NameDefaultDescription
    sizeThis size variant of the textarea

    The Textarea component also accepts any of the props from the FieldParts.Textarea primitive.

    On this page

    • Edit this page on Github
    Cerberus Design System | Docs