Search results

Sizing

You can render the TextBox in two different sizes:

Property Description
Normal By default, the TextBox is rendered with normal size.
Small You need to add e-small class to the input element, or else add to the input container.
@using Syncfusion.EJ2.Blazor.Inputs

<label>Normal</label>
<EjsTextBox Placeholder="Enter text"></EjsTextBox>

<label>Float input</label>
<EjsTextBox Placeholder="Focus the input" FloatLabelType="@FloatLabelType.Auto"></EjsTextBox>

<label>Small</label>
<EjsTextBox Placeholder="Enter text" CssClass="e-small"></EjsTextBox>

<label>Float input</label>
<EjsTextBox Placeholder="Focus the input" CssClass="e-small" FloatLabelType="@FloatLabelType.Auto"></EjsTextBox>

The output will be as follows.

TextBox