Skip to main content
All docs
V25.1
  • DxTabs.SizeMode Property

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.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