Back to Devexpress

DxTabs.SizeMode Property

blazor-devexpress-dot-blazor-dot-dxtabs-d0cc08aa.md

latest1.7 KB
Original Source

DxTabs.SizeMode Property

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

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
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:

NameDescription
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:

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

For additional information, refer to Size Modes.

See Also

DxTabs Class

DxTabs Members

DevExpress.Blazor Namespace