New to KendoReactStart a free 30-day trial

Toolbar

Represents the KendoReact Toolbar component.

A Functional Component.

jsx
const App = () => {
      return (
         <Toolbar>
             <ToolbarItem>
                 <ButtonGroup>
                     <Button togglable={true} icon="bold" />
                     <Button togglable={true} icon="italic" />
                     <Button togglable={true} icon="underline" />
                 </ButtonGroup>
             </ToolbarItem>
             <ToolbarItem>
                 <ButtonGroup>
                     <Button icon="hyperlink">Insert Link</Button>
                     <Button icon="image">Insert Image</Button>
                     <Button icon="table">Insert Table</Button>
                 </ButtonGroup>
             </ToolbarItem>
         </Toolbar>
      );
}
ReactDOM.render(<App />, document.querySelector('my-app'));
NameTypeDefaultDescription

props

ToolbarProps intersected with RefAttributes<ToolbarHandle>

The props of the Toolbar component.

Not finding the help you need?
Contact Support