What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- - Overview
  - Getting Started
  - Buttonupdated
  - ButtonGroup
  - Chip
  - ChipList
  - DropDownButton
  - FloatingActionButton
  - Toolbar
  - SplitButton
  - Globalization
  - API
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Formupdated
- Ganttupdated
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Buttons / API / ToolbarProps /

ToolbarProps

Represents the props of the KendoReact Toolbar component.

Name	Type	Default	Description
ariaLabel?	`string`		Represents the label 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.
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 medium large null—Does not set a size `className`.
style?	`React.CSSProperties`		The styles that are applied to the Toolbar.
tabIndex?	`number`		Specifies the `tabIndex` of the Toolbar.

Is this article helpful?

Thank you for your feedback!