Button Toolbars

Button toolbars allow you to group a series of button or input groups on a single line.

<d-button-toolbar>
    <d-button-group size="small" class="mr-3">
        <d-button>Create</d-button>
        <d-button>Edit</d-button>
    </d-button-group>
    
    <d-input-group prepend="Project">
        <d-input placeholder="Title"/>
    </d-input-group>
</d-button-toolbar>

<!-- button-toolbar-1.vue -->

Alias

The <d-button-toolbar> component is also aliased as <d-btn-toolbar>.

Props

Prop	Description	Type	Default	Required
:aria-role	Button toolbar aria role.	`String`	"toolbar"	False
:aria-label	Button toolbar aria label.	`String`	"Button toolbar"	False