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

Items

configuration

A JavaScript array that contains the configuration of the commands rendered inside the hosted ToolBar. The item configuration is identical to the ToolBar items configuration and supports buttons, toggle buttons, button groups, split buttons, separators, spacers, and templates.

For more information regarding supported commands and their configuration properties check the ToolBar items API and the Getting Started topic.

items

Array

Default: []

<div id="toolbar"></div>
<script>
$("#toolbar").kendoFloatingToolBar({
  visible: true,
  items: [
    { type: "button", text: "Bold", icon: "bold" },
    { type: "button", text: "Italic", icon: "italic", togglable: true },
    { type: "separator" },
    { type: "button", text: "Underline", icon: "underline" },
    { type: "spacer" },
    { type: "button", text: "More" }
  ]
});
</script>