React Form Textarea Component API
Form Textarea API
Explore the API reference for the React Form Textarea component and discover how to effectively utilize its props for customization.
CFormTextarea
import { CFormTextarea } from '@coreui/react'
| Property | Default | Type |
|---|
| className | - | string |
A string of all className you want applied to the component. |
| disabled | - | boolean |
Toggle the disabled state for the component. |
| feedback4.2.0+ | - | ReactNode |
Provide valuable, actionable feedback. |
| feedbackInvalid4.2.0+ | - | ReactNode |
Provide valuable, actionable feedback. |
| feedbackValid4.2.0+ | - | ReactNode |
Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. |
| floatingClassName4.5.0+ | - | string |
A string of all className you want applied to the floating label wrapper. |
| floatingLabel4.2.0+ | - | ReactNode |
Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. |
| invalid | - | boolean |
Set component validation state to invalid. |
| label4.2.0+ | - | ReactNode |
Add a caption for a component. |
| onChange | - | ChangeEventHandler<HTMLTextAreaElement> |
Method called immediately after the value prop changes. |
| plainText | - | boolean |
Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side readonly. |
| readOnly | - | boolean |
Toggle the readonly state for the component. |
| text4.2.0+ | - | ReactNode |
Add helper text to the component. |
| tooltipFeedback4.2.0+ | - | boolean |
Display validation feedback in a styled tooltip. |
| valid | - | boolean |
Set component validation state to valid. |
| value | - | string, number, string[] |
The value attribute of component. |
import { CFormFeedback } from '@coreui/react'
| Property | Default | Type |
|---|
| as | div | (ElementType & 'symbol') | (ElementType & 'object') | (ElementType & 'div') | (ElementType & 'slot') | (ElementType & 'style') | ... 175 more ... |
Component used for the root node. Either a string to use a HTML element or a component. |
| className | - | string |
A string of all className you want applied to the component. |
| invalid | - | boolean |
Method called immediately after the value prop changes. |
| tooltip | - | boolean |
If your form layout allows it, you can display validation feedback in a styled tooltip. |
| valid | - | boolean |
Set component validation state to valid. |
import { CFormLabel } from '@coreui/react'
| Property | Default | Type |
|---|
| className | - | string |
A string of all className you want applied to the component. |
| customClassName | - | string |
A string of all className you want to be applied to the component, and override standard className value. |
CFormText
import { CFormText } from '@coreui/react'
| Property | Default | Type |
|---|
| as | div | (ElementType & 'symbol') | (ElementType & 'object') | (ElementType & 'div') | (ElementType & 'slot') | (ElementType & 'style') | ... 175 more ... |
Component used for the root node. Either a string to use a HTML element or a component. |
| className | - | string |
A string of all className you want applied to the component. |