Button Group

Namespace

using Blazor_Foundation_6.Components.Controls;

Attributes

Button

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
Sizetiny, small or large
Colorprimary, secondary, success, warning or alert
NoGapsTrue/False. Remove Gaps Between Buttons (True)
FullEvenWidthTrue/False. Full Width Button, Equally Distributed (True).

Examples

To see visual example, visit Foundation or Download and Run Blazor_Foundation_Test in Visual Studio.

<ButtonGroup Size="small" Color="success">  
  <Button DataToggle="MainCanvasBottom">Open Bottom</Button>
  <Button DataToggle="MainCanvasTop">Open Top</Button>
  <Button DataToggle="MainCanvasLeft">Open Left</Button>
  <Button DataToggle="MainCanvasRight">Open Right</Button>
</ButtonGroup>