Bootstrap Button groups.
<HxButtonGroup> <HxButton Text="Left" Color="ThemeColor.Primary" /> <HxButton Text="Middle" Color="ThemeColor.Primary" /> <HxButton Text="Right" Color="ThemeColor.Primary" /> </HxButtonGroup>
HxButtonToolbar and combine sets of button groups into button toolbars for more complex components. Use utility classes as needed to space out groups, buttons, and more.
Feel free to mix input groups with button groups in your toolbars. Similar to the example above, you’ll likely need some utilities though to space things properly.
HxButtonGroup within another
HxButtonGroup when you want dropdown menus mixed with a series of buttons.
Combine button-like checkbox and radio toggle components into a seamless looking button group.
TooltipWrapperCssClass to any
HxButton adds wrapping
<span>...</span> to the button (to support tooltips on disabled buttons).
Sometimes the wrapping
<span>...</span> breaks the HTML structure anticipated by some Bootstrap components
and button-group is one of them. Combining button tooltips with button-groups is not supported.
||Groups should be given an explicit label, as most assistive technologies will otherwise not announce them, despite the presence of the correct role attribute.|
||Content of the component.|
||Additional CSS class(es) to be added.|
||Orientation. Default is |
||Size. Default is |
Bootstrap Button toolbar component.
||An explicit label should be set, as most assistive technologies will otherwise not announce them, despite the presence of the correct role attribute.|
||CSS class(es) to add to the HTML element with the |