DxAccordion.SizeMode Property

Specifies the size of the component’s inner elements. Also affects the component’s size.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

The size mode. If the property is not specified (the value is null), the size is determined by the SizeMode global option.

|

Available values:

Small size.

| | Medium |

Medium size.

| | Large |

Large size.

|

Remarks

Use the SizeMode property to specify the size mode for the Accordion. The following code snippet applies the Large mode:

<DxAccordion SizeMode="SizeMode.Large">
    <Items>
        <DxAccordionItem Text="Shapes" Expanded="true">
            <Items>
                <DxAccordionItem Text="Circle" />
                <DxAccordionItem Text="Triangle" />
                <DxAccordionItem Text="Square" />
            </Items>
        </DxAccordionItem>
        <DxAccordionItem Text="Templates" />
    </Items>
</DxAccordion>

The following image shows the same Accordion component in different size modes:

For additional information, refer to Size Modes.

See Also

DxAccordion Class

DxAccordion Members

DevExpress.Blazor Namespace