Appearance
The Toolbar has appearance options for its size and fill mode. Both properties default to undefined, so the active Kendo theme determines their rendered appearance.
Apart from the default vision of the Toolbar, these alternative styling options enable you to configure each individual aspect of the appearance of a Toolbar.
The following example demonstrates all the available appearance options of the Toolbar in a single, configurable demo.
Size
The KendoReact Toolbar enables you to configure its padding by using the size property.
The size option supports the following values:
smallmediumlarge
The following example demonstrates how to set the size of the Toolbar.
Fill Mode
The Toolbar allows you to set its fill mode by using the fillMode property.
The fillMode option supports the following values:
solidflatoutline
The
fillModeproperty only affects the Toolbar and does not propagate to its tools. Set thefillModeof each tool individually.
The following example demonstrates how to define the fill mode of the Toolbar, applied to the Toolbar alone or to both the Toolbar and its tools.