---
id: fast-components.fasttoolbar
title: fastToolbar variable
hide_title: true
---
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[@microsoft/fast-components](./fast-components.md) &gt; [fastToolbar](./fast-components.fasttoolbar.md)

## fastToolbar variable

A function that returns a [Toolbar](./fast-foundation.toolbar.md) registration for configuring the component with a DesignSystem. Implements [toolbarTemplate](./fast-foundation.toolbartemplate.md)

<b>Signature:</b>

```typescript
fastToolbar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
    baseName: string;
    baseClass: typeof FoundationToolbar;
    template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<FoundationToolbar, any>, import("@microsoft/fast-foundation").ToolbarOptions>;
    styles: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ElementStyles, import("@microsoft/fast-foundation").ToolbarOptions>;
    shadowOptions: {
        delegatesFocus: true;
    };
}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
    baseName: string;
    baseClass: typeof FoundationToolbar;
    template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<FoundationToolbar, any>, import("@microsoft/fast-foundation").ToolbarOptions>;
    styles: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ElementStyles, import("@microsoft/fast-foundation").ToolbarOptions>;
    shadowOptions: {
        delegatesFocus: true;
    };
}, typeof Toolbar>
```

## Remarks

Generates HTML Element: `<fast-toolbar>`
