Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

    Take the survey Not interested

    DxButtonGroup.RenderStyleMode Property

    Specifies an item’s color filling type. Applies to all items in the component.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#
    [DefaultValue(ButtonRenderStyleMode.Contained)]
    [Parameter]
    public ButtonRenderStyleMode RenderStyleMode { get; set; }

    #Property Value

    Type Default Description
    ButtonRenderStyleMode Contained

    An enumeration value.

    Available values:

    Name Description
    Contained

    The button is filled with the style color.

    Outline

    The button’s text and borders are colored.

    Text

    The button’s text is colored.

    #Remarks

    The <DxButtonGroup> component allows you to apply predefined styles to all button group items or to an individual item. You can use the following properties:

    DxButtonGroup.RenderStyle | DxButtonGroupItem.RenderStyle
    Specify a button’s predefined style.
    DxButtonGroup.RenderStyleMode | DxButtonGroupItem.RenderStyleMode
    Specify a button’s color filling type.

    Note

    Individual item settings have priority over component settings.

    DxButtonGroup - Apply Predefined Styles

    Razor
    <DxButtonGroup RenderStyleMode="ButtonRenderStyleMode.Outline" SizeMode="SizeMode.Large">
        <Items>
            <DxButtonGroupItem Text="Primary" />
            <DxButtonGroupItem Text="Secondary" RenderStyle="ButtonRenderStyle.Secondary" />
            <DxButtonGroupItem Text="Info" RenderStyle="ButtonRenderStyle.Info" />
            <DxButtonGroupItem Text="Link" RenderStyle="ButtonRenderStyle.Link" />
            <DxButtonGroupItem Text="Success" RenderStyle="ButtonRenderStyle.Success" />
            <DxButtonGroupItem Text="Warning" RenderStyle="ButtonRenderStyle.Warning" />
            <DxButtonGroupItem Text="Danger" RenderStyle="ButtonRenderStyle.Danger" />
        </Items>
    </DxButtonGroup>
    
    See Also