@syncfusion/ej2-react-ribbon 24.1.41 → 24.1.46
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 +73 -0
- package/README.md +63 -1
- package/dist/ej2-react-ribbon.min.js +2 -2
- package/dist/ej2-react-ribbon.umd.min.js +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,79 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
+
### Ribbon
|
|
6
|
+
|
|
7
|
+
#### Bug Fixes
|
|
8
|
+
|
|
9
|
+
`#I526346` - Fixed the issue with rendering item calculations in a simplified layout when some items are in a hidden state.
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
## 24.1.41 (2023-12-18)
|
|
13
|
+
|
|
14
|
+
### Ribbon
|
|
15
|
+
|
|
16
|
+
#### Features
|
|
17
|
+
|
|
18
|
+
- Enhanced the popups UI with added label/header support for items displayed in overflow popups. Check out the demo [here](https://ej2.syncfusion.com/angular/demos/#/material3/ribbon/resize).
|
|
19
|
+
|
|
20
|
+
#### Bug Fixes
|
|
21
|
+
|
|
22
|
+
- `#F185735` - Issue with 'selected' property not updating properly when selecting an item from Ribbon GroupButton has been resolved.
|
|
23
|
+
|
|
24
|
+
## 23.2.7 (2023-12-05)
|
|
25
|
+
|
|
26
|
+
### Ribbon
|
|
27
|
+
|
|
28
|
+
#### Features
|
|
29
|
+
|
|
30
|
+
`#I512188` - Provided overflow popup open/close event support for the Ribbon overflow popup.
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
## 23.2.5 (2023-11-23)
|
|
34
|
+
|
|
35
|
+
### Ribbon
|
|
36
|
+
|
|
37
|
+
#### Bug Fixes
|
|
38
|
+
|
|
39
|
+
`#I516350` - Now the issue with overflow popup button when the items showing inside are in hidden state has been resolved.
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
## 23.1.44 (2023-11-07)
|
|
43
|
+
|
|
44
|
+
### Ribbon
|
|
45
|
+
|
|
46
|
+
#### Bug Fixes
|
|
47
|
+
|
|
48
|
+
`#I509963` - Now the issue with hide/disable method not working properly with the tab items that are not loaded in initial rendering has been resolved.
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
`#I510661` - Now the script issue raised with the createPopupOnClick property enabled in the dropdown item overflow popup has been resolved.
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
## 23.1.43 (2023-10-31)
|
|
55
|
+
|
|
56
|
+
### Ribbon
|
|
57
|
+
|
|
58
|
+
#### Features
|
|
59
|
+
|
|
60
|
+
`#I510343` - Provided custom HTML attributes support for the Ribbon items
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
## 23.1.38 (2023-09-26)
|
|
64
|
+
|
|
65
|
+
### Ribbon
|
|
66
|
+
|
|
67
|
+
#### Bug Fixes
|
|
68
|
+
|
|
69
|
+
`#I499031` - Now, the issue with overflow popup items are arranged in reversal order when being resized is resolved.
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
`#I491455` - Now, the flickering issue raised when dynamically enable/disable the ribbon item is resolved.
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
`#I499031` - Now, the issue with overflow popup items are arranged in reversal order when being resized is resolved.
|
|
76
|
+
|
|
77
|
+
|
|
5
78
|
## 21.1.35 (2023-03-23)
|
|
6
79
|
|
|
7
80
|
### Ribbon
|
package/README.md
CHANGED
|
@@ -1,3 +1,65 @@
|
|
|
1
1
|
# React Ribbon Component
|
|
2
2
|
|
|
3
|
-
The Ribbon
|
|
3
|
+
The [React Ribbon](https://www.syncfusion.com/react-components/react-ribbon?utm_source=npm&utm_medium=listing&utm_campaign=react-ribbon-npm) component 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
|
+
|
|
5
|
+
<p align="center">
|
|
6
|
+
<a href="https://ej2.syncfusion.com/react/documentation/ribbon/getting-started">Getting Started</a> |
|
|
7
|
+
<a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-navigation-npm#/bootstrap5/ribbon/default">Online demos</a> |
|
|
8
|
+
<a href="https://www.syncfusion.com/react-components/react-ribbon?utm_source=npm&utm_medium=listing&utm_campaign=react-ribbon-npm">Learn more</a>
|
|
9
|
+
</p>
|
|
10
|
+
|
|
11
|
+
<p align="center">
|
|
12
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-ribbon.gif">
|
|
13
|
+
</p>
|
|
14
|
+
|
|
15
|
+
<p align="center">
|
|
16
|
+
Trusted by the world's leading companies
|
|
17
|
+
<a href="https://www.syncfusion.com">
|
|
18
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
|
|
19
|
+
</a>
|
|
20
|
+
</p>
|
|
21
|
+
|
|
22
|
+
## Setup
|
|
23
|
+
|
|
24
|
+
To install the Ribbon and its dependent packages, use the following command.
|
|
25
|
+
|
|
26
|
+
```sh
|
|
27
|
+
npm install @syncfusion/ej2-react-ribbon --save
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Supported frameworks
|
|
31
|
+
|
|
32
|
+
Ribbon component is also offered in the following list of frameworks.
|
|
33
|
+
|
|
34
|
+
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/> [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/> [Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/> [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
|
|
35
|
+
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
36
|
+
|
|
37
|
+
## Key features
|
|
38
|
+
|
|
39
|
+
* [Built-in items](https://ej2.syncfusion.com/react/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/react/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/react/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/react/documentation/ribbon/filemenu): A built-in menu that to add file related actions easily.
|
|
43
|
+
* [Backstage](https://ej2.syncfusion.com/react/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/react/documentation/ribbon/help-pane-template): Customize ribbon items and the help pane content using templates.
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
## Support
|
|
48
|
+
|
|
49
|
+
Product support is available through the following mediums.
|
|
50
|
+
|
|
51
|
+
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
52
|
+
* [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_medium=listing&utm_campaign=react-ribbon-npm)
|
|
53
|
+
* [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
|
|
54
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-ribbon-npm)
|
|
55
|
+
* Live chat
|
|
56
|
+
|
|
57
|
+
## License and copyright
|
|
58
|
+
|
|
59
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
60
|
+
|
|
61
|
+
> A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
62
|
+
|
|
63
|
+
See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=ribbon) for more info.
|
|
64
|
+
|
|
65
|
+
© Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|