<MudButtonGroup Color="Color.Primary" Variant="Variant.Filled"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup> <MudButtonGroup Color="Color.Primary" Variant="Variant.Text"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup> <MudButtonGroup Color="Color.Primary" Variant="Variant.Outlined"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup>
Vertical Orientation
With Vertical="true"
the buttons are displayed vertically.
<MudButtonGroup Color="Color.Primary" Variant="Variant.Filled" Vertical="true"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup> <MudButtonGroup Color="Color.Primary" Variant="Variant.Text" Vertical="true"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup> <MudButtonGroup Color="Color.Primary" Variant="Variant.Outlined" Vertical="true"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup>
Sizes and Colors
<MudButtonGroup Color="Color.Primary" Size="Size.Small" Variant="Variant.Filled"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup> <MudButtonGroup Color="Color.Secondary" Size="Size.Medium" Variant="Variant.Filled"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup> <MudButtonGroup Color="Color.Tertiary" Size="Size.Large" Variant="Variant.Filled"> <MudButton>One</MudButton> <MudButton>Two</MudButton> <MudButton>Three</MudButton> </MudButtonGroup>