@zohodesk/base

Text area component props disgins

MUI :

MUI used props similiar in Input API

<TextareaAutosize 
autoComplete 
autoFocus 
classes
color 
components 
componentsProps 
defaultValue	
disabled	
disableUnderline	
endAdornment	
error
fullWidth	
id	
inputComponent	
inputProps	
inputRef
margin		
maxRows
minRows	
multiline
name	
onChange	
Signature
placeholder	
readOnly
required
rows
startAdornment	
sx
type
value 
/>

Ant Design:

<Textarea
allowClear
autoSize
bordered
defaultValue
maxLength
showCount
value
onPressEnter
onResize
/>

React Spectrum :

<TextArea
icon
isQuiet
isDisabled	
isReadOnly	
validationState	
isRequired	
necessityIndicator

description
errorMessage	
autoFocus	
value
defaultValue
label	
autoComplete
maxLength
minLength
name
pattern
type
inputMode
labelPosition	
labelAlign
necessityIndicator
/>

Our UCL component:

<TextArea
variant - Flushed, Outlined, Plain
size - small, medium, large

id
name
placeholder 
value
defaultValue
minLength
maxLength
required 
readOnly
disabled

rows 
cols
resize

autoFocus 
onChange

{...automationProps}
{...ariaProps}
{...customStyleProps}
{...tagAttributeProps}
{...tagGeneralAttributeProps}
/>

Removed props : active, hovered, focusClass - no need, color - As refered figma, There is no color variant.

Existing Props workAround: animateOnFocus - No need this. workaround: onFocus

Pending

• Need common prop description for customStyle, customReducer, automationId, tagAttributes and tagGeneralAttributes
• Button's unit test case not yet done for useButtonAria
• Button's unit test case not fully done for cssJSLogic.spec.js