Skip to main content

DxTabs.SizeMode Property

Specifies the size of the header and content of all tabs.

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. If the property is not specified (the value is null), the size is determined by 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 mode for tabs (DxTab and DxTabPage).

The following example applies a small size to the component:

<DxTabs SizeMode="SizeMode.Large">
    <DxTabPage Text="Personal information">
        <div class="p-2">
            <DxTextBox NullText="Name" />
        </div>
    </DxTabPage>
</DxTabs>

Tabs - Large size mode

For more information, refer to Size Modes.

See Also