Javascript Ribbon Control

The JavaScript Ribbon control provides a structured and easy-to-use user interface for users to access different features and functions through series of tabs, improving the overall user experience and making your application more efficient.

Getting Started |
Online demos |
Learn more

Trusted by the world's leading companies

Setup

To install the Ribbon and its dependent packages, use the following command.

``sh npm install @syncfusion/ej2-ribbon`

`Supported frameworks`

Ribbon control is also offered in the following list of frameworks.

| Angular | React | Vue | ASP.NET Core | ASP.NET MVC | | :-----: | :-----: | :-----: | :-----: | :-----: |

`Key features`

* Built-in items: Several built-in support items, such as buttons, checkboxes, dropdown buttons, split buttons, combo boxes, group button, and color pickers that can be customized and used to execute specific actions. * Modes: Offers theclassic mode that organizes items and groups in a traditional form, and simplified modethat organizes items and groups into a single row for improved usability and reduced clutter. * Tooltip: Provide additional information when a user hovers over a ribbon item, improving user experience and increasing the usability of the application. * File menu: A built-in menu that to add file related actions easily. * Backstage: It is an extension of traditional file menu for displaying information, based on the user interactions with backstage options. * Gallery: In addition to the existing items, a new item gallery has been added to the Ribbon control which allows users to perform specific actions by displaying a collection of related items including icons, content, or images. * Contextual Tabs: It allows users to show ribbon tabs on demand when needed, by adding built-in and custom items to perform specific actions just like regular ribbon tabs. * KeyTips: It enables users to quickly access the tabs or ribbon items by using unique key tips (up to 3 characters), activated withAlt + Windows/Command keys and closed or navigated back with the Esc` key.
* Templates: Customize ribbon items and the help pane content using templates.

Resources

* Ribbon Documentation
* Theme Studio
* Custom Resource Generator
* What's New
* Road Map
* E-Books

Support

Product support is available through the following mediums.

* Support ticket - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
* Community forum
* GitHub issues
* Request feature or report bug
* Live chat

License and copyright

> This is a commercial product and requires a paid license for possession or use. Syncfusion^® licensed software, including this control, is subject to the terms and conditions of Syncfusion^® EULA. To acquire a license for 140+ JavaScript UI controls, you can purchase or start a free 30-day trial.

> A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

See LICENSE FILE for more info.