Live example
Properties
|
Name |
Values |
Default |
|---|---|---|
|
accepts all FieldProps |
FieldProps |
|
|
rows |
number |
3 |
|
resizable |
boolean |
false |
|
ref |
Ref<HTMLTextAreaElement> |
|
|
... |
JSX.IntrinsicElements["textarea"] |
|
NativeProperties
|
Name |
Values |
Default |
|---|---|---|
|
rows |
number |
|
|
… |
NativeTextInput Omit<FieldProps, 'children'> |
|
Composition
- Label text
- Hint text
- Input text
- Input border
- Resizer icon
|
Tokens |
|
|---|---|
|
Text color |
color.surface.onsurface |
|
Hint text color |
color.surface.onsurfacevariant |
|
Input border color |
input.color.border |
|
Text font weight |
font.family.bold |
|
Hint text font weight |
font.family.book |
|
Text size |
font.size.md |
|
Text line height |
font.lineheight.md |
|
Padding |
space.100 space.200 |
|
Input border width |
border.width.md |