DxDropDownBox.SizeMode Property

Specifies the size mode of the component and its inner components.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }

Property Value

Type	Default	Description
Nullable<SizeMode>	null	The size mode or null to inherit the value from the SizeMode global option.

Available values:

Name	Description
Small	Small size.
Medium	Medium size.
Large	Large size.

Remarks

Use the SizeMode property to specify the size of the DropDownBox component and its inner components.

<DxDropDownBox @bind-Value="Value" QueryDisplayText="QueryText" SizeMode="SizeMode.Small">
    <DropDownBodyTemplate>
        <DxListBox ... />
    </DropDownBodyTemplate>
</DxDropDownBox>

<DxDropDownBox @bind-Value="Value" QueryDisplayText="QueryText" SizeMode="SizeMode.Medium">
    <DropDownBodyTemplate>
        <DxListBox ... />
    </DropDownBodyTemplate>
</DxDropDownBox>

<DxDropDownBox @bind-Value="Value" QueryDisplayText="QueryText" SizeMode="SizeMode.Large">
    <DropDownBodyTemplate>
        <DxListBox ... />
    </DropDownBodyTemplate>
</DxDropDownBox>

For more information, refer to the following topic: Size Modes.

Run Demo: DropDownBox

Implements

SizeMode