Menu
Paragon Design System
Technical Documentation
Changelog
GitHub
This component will be removed soon.
Replaced by Input and ValidationFormGroup
TextArea
minimal usage
#
First Name
Foo Bar
Show code example
scrollable
#
Information
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Show code example
validation
#
Username
The unique name that identifies you throughout the site.
Show code example
label as element
#
Element
Label is wrapped in language span
Show code example
Contents
minimal usage
scrollable
validation
label as element
Guides
Getting started
Contributing
Usage insights
Foundations
Colors
Elevation
Typography
Layout
Spacing
Icons
CSS Utility Classes
Responsive
Playground
Beta
A drag-and-drop UI builder for prototyping with Paragon components.
Visit playground
Components
Buttonlike
ActionRow
AvatarButton
Button
Button Group
Chip
Hyperlink
IconButton
IconButtonToggle
MailtoLink
StatefulButton
Choreography
Spinner
TransitionReplace
Content
Avatar
Card
Carousel
Collapsible
Figure
Image
Scrollable
SelectableBox
Stepper
Sticky
Forms
Form.Checkbox
Form.Control
Form.Control.Feedback
Form.Group
Form.Label
Form.Radio
Form.Switch
Forms
Input Group
SearchField
SelectableBox
Forms (deprecated)
CheckBoxGroup
Checkbox
Fieldset
Input
InputSelect
InputText
ListBox
RadioButtonGroup
TextArea
ValidationFormGroup
Hooks
useIndexOfLastVisibleChild
useToggle
useWindowSize
Imagery & Iconography
Avatar
Icon
Image
Layout
Container
Stack
useIndexOfLastVisibleChild
useWindowSize
Navigation
Breadcrumbs
Dropdown
Menu
Nav
Navbar
Pagination
SearchField
SelectMenu
Stepper
Tabs
Overlays
AlertModal
FullscreenModal
MarketingModal
Modal
ModalDialog
ModalLayer
ModalPopup
Overlays
Popover
ProductTour
Sheet
StandardModal
Toast
Tooltip
Status & metadata
Alert
Annotation
Badge
Bubble
Page Banner
Progress Bar
Spinner
StatusAlert
Table
Data views
DataTable
Table (Deprecated)
Table Filters
TableControlBar
TableFooter
All components (A-Z)
ActionRow
Alert
AlertModal
Annotation
Avatar
AvatarButton
Badge
Breadcrumbs
Bubble
Button
Button Group
Card
Carousel
CheckBoxGroup
Checkbox
Chip
Collapsible
Container
Data views
DataTable
Dropdown
Fieldset
Figure
Form.Checkbox
Form.Control
Form.Control.Feedback
Form.Group
Form.Label
Form.Radio
Form.Switch
Forms
FullscreenModal
Hyperlink
Icon
IconButton
IconButtonToggle
Image
Input
Input Group
InputSelect
InputText
ListBox
MailtoLink
MarketingModal
Menu
Modal
ModalDialog
ModalLayer
ModalPopup
Nav
Navbar
Overlays
Page Banner
Pagination
Popover
ProductTour
Progress Bar
RadioButtonGroup
Scrollable
SearchField
SelectMenu
SelectableBox
Sheet
Spinner
Stack
StandardModal
StatefulButton
StatusAlert
Stepper
Sticky
Table (Deprecated)
Table Filters
TableControlBar
TableFooter
Tabs
TextArea
Toast
Tooltip
TransitionReplace
ValidationFormGroup
useIndexOfLastVisibleChild
useToggle
useWindowSize
