# Button Toolbars

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

:::demo
```html
<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>`.