@syncfusion/ej2-ribbon 24.1.44 → 24.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/README.md +7 -6
- package/dist/ej2-ribbon.umd.min.js +2 -2
- package/dist/ej2-ribbon.umd.min.js.map +1 -1
- package/dist/es6/ej2-ribbon.es2015.js +34 -18
- package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
- package/dist/es6/ej2-ribbon.es5.js +34 -18
- package/dist/es6/ej2-ribbon.es5.js.map +1 -1
- package/dist/global/ej2-ribbon.min.js +2 -2
- package/dist/global/ej2-ribbon.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +12 -12
- package/src/ribbon/base/ribbon.js +21 -14
- package/src/ribbon/items/ribbon-groupbutton.js +4 -4
- package/src/ribbon/models/ribbon-group-button-item.d.ts +7 -0
- package/src/ribbon/models/ribbon-group-button-item.js +9 -0
- package/styles/bootstrap-dark.css +16 -0
- package/styles/bootstrap.css +16 -0
- package/styles/bootstrap4.css +16 -0
- package/styles/bootstrap5-dark.css +16 -0
- package/styles/bootstrap5.css +16 -0
- package/styles/fabric-dark.css +16 -0
- package/styles/fabric.css +16 -0
- package/styles/fluent-dark.css +16 -0
- package/styles/fluent.css +16 -0
- package/styles/highcontrast-light.css +16 -0
- package/styles/highcontrast.css +16 -0
- package/styles/material-dark.css +16 -0
- package/styles/material.css +16 -0
- package/styles/material3-dark.css +16 -0
- package/styles/material3.css +16 -0
- package/styles/ribbon/_bootstrap-dark-definition.scss +2 -0
- package/styles/ribbon/_bootstrap-definition.scss +2 -0
- package/styles/ribbon/_bootstrap4-definition.scss +2 -0
- package/styles/ribbon/_bootstrap5-definition.scss +2 -0
- package/styles/ribbon/_fabric-dark-definition.scss +2 -0
- package/styles/ribbon/_fabric-definition.scss +2 -0
- package/styles/ribbon/_fluent-definition.scss +2 -0
- package/styles/ribbon/_fusionnew-definition.scss +2 -0
- package/styles/ribbon/_highcontrast-definition.scss +2 -0
- package/styles/ribbon/_highcontrast-light-definition.scss +2 -0
- package/styles/ribbon/_layout.scss +8 -0
- package/styles/ribbon/_material-dark-definition.scss +2 -0
- package/styles/ribbon/_material-definition.scss +2 -0
- package/styles/ribbon/_material3-definition.scss +2 -0
- package/styles/ribbon/_tailwind-definition.scss +2 -0
- package/styles/ribbon/bootstrap-dark.css +16 -0
- package/styles/ribbon/bootstrap.css +16 -0
- package/styles/ribbon/bootstrap4.css +16 -0
- package/styles/ribbon/bootstrap5-dark.css +16 -0
- package/styles/ribbon/bootstrap5.css +16 -0
- package/styles/ribbon/fabric-dark.css +16 -0
- package/styles/ribbon/fabric.css +16 -0
- package/styles/ribbon/fluent-dark.css +16 -0
- package/styles/ribbon/fluent.css +16 -0
- package/styles/ribbon/highcontrast-light.css +16 -0
- package/styles/ribbon/highcontrast.css +16 -0
- package/styles/ribbon/material-dark.css +16 -0
- package/styles/ribbon/material.css +16 -0
- package/styles/ribbon/material3-dark.css +16 -0
- package/styles/ribbon/material3.css +16 -0
- package/styles/ribbon/tailwind-dark.css +16 -0
- package/styles/ribbon/tailwind.css +16 -0
- package/styles/tailwind-dark.css +16 -0
- package/styles/tailwind.css +16 -0
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
The [JavaScript Ribbon](https://www.syncfusion.com/javascript-ui-controls/js-ribbon?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm) 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.
|
|
4
4
|
|
|
5
5
|
<p align="center">
|
|
6
|
+
<a href="https://ej2.syncfusion.com/documentation/ribbon/getting-started">Getting Started</a> |
|
|
6
7
|
<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm#/material/ribbon/default.html">Online demos</a> |
|
|
7
8
|
<a href="https://www.syncfusion.com/javascript-ui-controls/js-ribbon?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm">Learn more</a>
|
|
8
9
|
</p>
|
|
@@ -35,12 +36,12 @@ Ribbon control is also offered in the following list of frameworks.
|
|
|
35
36
|
|
|
36
37
|
## Key features
|
|
37
38
|
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
43
|
-
|
|
39
|
+
* [Built-in items](https://ej2.syncfusion.com/documentation/ribbon/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.
|
|
40
|
+
* [Modes](https://ej2.syncfusion.com/documentation/ribbon/layouts): Offers the `classic mode` that organizes items and groups in a traditional form, and `simplified mode` that organizes items and groups into a single row for improved usability and reduced clutter.
|
|
41
|
+
* [Tooltip](https://ej2.syncfusion.com/documentation/ribbon/tooltip): Provide additional information when a user hovers over a ribbon item, improving user experience and increasing the usability of the application.
|
|
42
|
+
* [File menu](https://ej2.syncfusion.com/documentation/ribbon/file-menu): A built-in menu that to add file related actions easily.
|
|
43
|
+
* [Backstage](https://ej2.syncfusion.com/documentation/ribbon/backstage): It is an extension of traditional file menu for displaying information, based on the user interactions with backstage options.
|
|
44
|
+
* [Templates](https://ej2.syncfusion.com/documentation/ribbon/help-pane-template): Customize ribbon items and the help pane content using templates.
|
|
44
45
|
|
|
45
46
|
## Support
|
|
46
47
|
|