ButtonToolbar

Angular Bootstrap ButtonToolbar combines sets of button groups into button toolbars for more complex components. Use utility classes as needed to space out groups, buttons, and more.

Example

ButtonToolbar example.

html

      <CDBBtnTb>
        <CDBBtnGrp className="mr-2">
          <CDBBtn color="primary">click me</CDBBtn>
          <CDBBtn color="secondary">click me</CDBBtn>
          <CDBBtn color="success">click me</CDBBtn>
        </CDBBtnGrp>
        <CDBBtnGrp size="sm" className="mr-2">
          <CDBBtn color="primary">click me</CDBBtn>
          <CDBBtn color="secondary">click me</CDBBtn>
          <CDBBtn color="success">click me</CDBBtn>
        </CDBBtnGrp>
        <CDBBtnGrp >
          <CDBBtn color="danger">click me</CDBBtn>
          <CDBBtn color="dark">click me</CDBBtn>
          <CDBBtn color="warning">click me</CDBBtn>
        </CDBBtnGrp>
      </CDBBtnTb>

API

Here in this section you will find information about required modules and available inputs, outputs, methods and events of this component.

Contrast Button Toolbar Bootstrap Modules used

import {ButtontoolbarModule } from 'cdbangular';

API Reference: Contrast Button Toolbar Bootstrap Inputs

The table below shows the possible input of the Button Toolbar component.