Angular Toolbar Appearance

The Toolbar provides predefined size options which allow you to set different padding to the Toolbar components.

To change the default padding of the Toolbar elements, set the size property. It accepts values of type ToolbarSize.

The size option supports the following values:

• small—Sets the padding of the elements to 2px 8px.
• medium (default)—Sets the padding of the elements to 4px 8px.
• large—Sets the padding of the elements to 6px 8px.
• none—Removes the styling related to the Toolbar sizing option.

The following example demonstrates how to define the Toolbar size.

Suggested Links

• API Reference of the Toolbar
• Creating Custom Styles with ThemeBuilder