Search results
Sizing in Blazor TextBox component
28 Jul 2021 / 1 minute to read
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.Blazor.Inputs
<label>Normal</label>
<SfTextBox Placeholder="Enter text"></SfTextBox>
<label>Float input</label>
<SfTextBox Placeholder="Focus the input" FloatLabelType="@FloatLabelType.Auto"></SfTextBox>
<label>Small</label>
<SfTextBox Placeholder="Enter text" CssClass="e-small"></SfTextBox>
<label>Float input</label>
<SfTextBox Placeholder="Focus the input" CssClass="e-small" FloatLabelType="@FloatLabelType.Auto"></SfTextBox>The output will be as follows.
Thank you for your feedback and comments.We will rectify this as soon as possible!