New to KendoReactStart a free 30-day trial

ToolbarProps

Represents the props of the KendoReact Toolbar component.

NameTypeDefaultDescription

ariaLabel?

string

Represents the aria-label HTML attribute of the Toolbar component.

children?

React.ReactNode

Determines the children nodes.

className?

string

Sets additional classes to the Toolbar.

dir?

string

Represents the dir HTML attribute.

fillMode?

"null" | "flat" | "solid" | "outline"

solid

Configures the fillMode of the Toolbar.

The available options are:

  • solid—Applies a background color and solid borders.
  • flat—Sets a transparent background and solid bottom border.
  • outline—Sets a transparent background and solid borders.
  • null—This option removes the built-in fill mode styles of the Toolbar. Allows for custom background and border styles.

id?

string

Sets the id property of the top div element of the component.

keyboardNavigation?

boolean

If set to false, it will turn off the built-in keyboard navigation.

onResize?

(event: ToolbarResizeEvent) => void

The resize event of the Toolbar.

size?

"null" | "small" | "large" | "medium"

medium

Configures the size of the Toolbar.

The available options are:

  • small—Sets the padding of the component to 4px 4px.
  • medium—Sets the padding of the component to 8px 8px.
  • large—Sets the padding of the component to 10px 10px.
  • null—This option removes the the built-in size styles of the Toolbar. Allows for custom padding.

style?

React.CSSProperties

The styles that are applied to the Toolbar.

tabIndex?

number

Specifies the tabIndex of the Toolbar.

Not finding the help you need?
Contact Support