Appearance

The TextArea provides a predefined set of appearance options.

Apart from the default vision of the TextArea, these alternative styling options enable you to configure each individual aspect of the appearance of a TextArea.

• Size
• Fill Mode
• Border Radius

Size

The KendoReact TextArea enables you to configure its size.

• small
• medium (Default)
• large
• null - Does not set a size className

The following example demonstrates how to set the size of the TextArea.

Change Theme

Theme

Loading ...

Fill Mode

The TextArea supports the following fillMode options:

• solid (Default)
• outline
• flat
• null - Does not set a className for fillMode

The following example demonstrates how to set the fillMode of the TextArea.

Change Theme

Theme

Loading ...

Border Radius

The TextArea enables you to apply different border radius to the component through the rounded property.

The rounded option supports the following values:

• small
• medium (Default)
• large
• null - Does not set a className for size

The following example demonstrates how to define the border radius of the TextArea.

Change Theme

Theme

Loading ...

Suggested Links

• Learn about KendoReact Free.

• API Reference of the TextArea

• TextArea size options

• TextArea fillMode options

• TextArea rounded options

• Creating Custom Styles with ThemeBuilder