Having trouble getting help?
Contact Support
Contact Support
Modules in Ribbon component
20 Mar 20242 minutes to read
The following modules are available in Ribbon. If the module injection type is selective, manual injection is required to extend the Ribbon’s functionality.
Module | Description | Module Injection Type |
---|---|---|
RibbonButton |
To use the built-in button as a ribbon item. | default |
RibbonCheckBox |
To use the built-in checkbox as a ribbon item. | default |
RibbonDropDown |
To use the built-in dropdown button as a ribbon item. | default |
RibbonSplitButton |
To use the built-in split button as a ribbon item. | default |
RibbonComboBox |
To use the built-in combobox as a ribbon item. | default |
RibbonGroupButton |
To use the built-in groupbutton as a ribbon item. | default |
RibbonColorPicker |
Inject this module to use the built-in colorpicker as a ribbon item. | selective |
RibbonGallery |
Inject this module to use the gallery as a ribbon item. | selective |
RibbonFileMenu |
Inject this module to use the file menu feature. | selective |
RibbonBackstage |
Inject this module to use the backstage view feature. | selective |
RibbonContextualTab |
Inject this module to use the contextual tab feature. | selective |
RibbonKeyTip |
Inject this module to use the keytip feature. | selective |
These modules should be injected into the Ribbon using the Inject
directive.
import { RibbonFileMenu, RibbonColorPicker, Inject } from "@syncfusion/ej2-react-ribbon";
<RibbonComponent id="ribbon" fileMenu={{ visible: true, menuItems: fileOptions}}>
// Render Tabs here
<Inject services={[RibbonFileMenu, RibbonColorPicker]} />
</RibbonComponent>