Angular Material Feb-Toolbar

The <md-fab-toolbar> is an Angular directive contains the headers, titles, or actions.

It is used to show the toolbar of elements or buttons for quick use of common functions. You can use the tab toolbar with a trigger.

You can use the md-open attribute to control the program openly. You can set the direction that appears using the toolbar md-direction quality. This component currently supports left and appropriate options.

Attributes

The below table lists out the description of many attributes of the md-fab-toolbar.

Single row

In most cases, a toolbar will be placed at the top of your application and will contain only a single line that contains the title of your application.

Multiple rows

Material design specifications describe that the toolbar may also contain multiple rows. Creating toolbars with multiple rows in angular content is done by placing <mat-toolbar-row> elements inside <mat-toolbar>.

Note: Placing content outside a <mat-toolbar-row> where multiple rows are specified is not supported.

Positioning toolbar content

The toolbar does not display any status of its content. It gives the user full power to position the content as it suits their application.

It can be easily accomplished with performance:

Example

The example shows the use of�md-fab-toolbar�directive and the uses of toolbar.

am_fabtoolbar.htm

Output: