@syncfusion/ej2-react-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 +63 -1
- package/dist/ej2-react-ribbon.min.js +2 -2
- package/dist/ej2-react-ribbon.umd.min.js +1 -1
- package/package.json +15 -14
package/CHANGELOG.md
CHANGED
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.
|