New to Kendo UI for Angular? Start a free 30-day trial

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.

View Source
Change Theme:

In this article

Not finding the help you need?