Class Resize

Defines the resize behavior and directional constraints for TextArea components, controlling how users can dynamically adjust the input area dimensions.

Inheritance

System.Object

Resize

Namespace: Syncfusion.Blazor.Inputs

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class Resize : Enum

Remarks

The resize functionality allows users to adjust the TextArea dimensions to accommodate varying content lengths and personal preferences. Different resize modes provide flexibility while maintaining layout integrity:

None: Maintains fixed dimensions for consistent layouts
Vertical: Allows height adjustment for accommodating more text lines
Horizontal: Allows width adjustment for longer text lines
Both: Provides maximum flexibility for user customization

Consider the layout requirements and user needs when selecting the appropriate resize mode.

Examples

Configuring TextArea resize behavior:

<SfTextArea ResizeMode="Resize.Vertical" Placeholder="Enter your message"></SfTextArea>

Fields

Both

The TextArea component can be resized in both vertical and horizontal directions, providing complete dimensional flexibility.

Declaration

public const Resize Both

Field Value

Type	Description
Resize	Represents the "Both" resize mode allowing full dimensional adjustment.

Remarks

This mode provides maximum flexibility by allowing users to resize the TextArea in both width and height dimensions. Users can drag the resize handle in any direction to adjust the component size according to their content and preference needs.

Horizontal

The TextArea component can be resized horizontally to adjust width while maintaining a fixed height.

Declaration

public const Resize Horizontal

Field Value

Type	Description
Resize	Represents the "Horizontal" resize mode allowing width adjustment only.

Remarks

This mode allows users to adjust only the width of the TextArea by dragging the resize handle horizontally. The height remains fixed, which is useful for accommodating longer text lines while maintaining consistent row heights in the layout.

None

The TextArea component maintains fixed dimensions and cannot be resized by the user in any direction.

Declaration

public const Resize None

Field Value

Type	Description
Resize	Represents the "None" resize mode where the TextArea has fixed dimensions.

Remarks

When this mode is selected, the TextArea maintains its initial width and height settings and users cannot resize it. This ensures consistent layout appearance and prevents users from disrupting the page layout.

Vertical

The TextArea component can be resized vertically to adjust height while maintaining a fixed width.

Declaration

public const Resize Vertical

Field Value

Type	Description
Resize	Represents the "Vertical" resize mode allowing height adjustment only.

Remarks

This mode allows users to adjust only the height of the TextArea by dragging the resize handle vertically. The width remains fixed, making it ideal for accommodating varying amounts of text content while maintaining consistent column layouts.