|
| 1 | +# ej2-react-buttons |
| 2 | + |
| 3 | +A package of Essential JS 2 Button, CheckBox, RadioButton and Switch components. |
| 4 | + |
| 5 | + |
| 6 | + |
| 7 | +> 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, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials). |
| 8 | +
|
| 9 | +> 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. |
| 10 | +
|
| 11 | +## Setup |
| 12 | + |
| 13 | +To install `Button` and its dependent packages, use the following command |
| 14 | + |
| 15 | +```sh |
| 16 | +npm install @syncfusion/ej2-react-buttons |
| 17 | +``` |
| 18 | + |
| 19 | +## Components included |
| 20 | + |
| 21 | +Following list of components are available in the package. |
| 22 | + |
| 23 | +* Button - `Button` is a graphical user interface element that triggers an event on its click action. |
| 24 | + * [Getting Started](https://ej2.syncfusion.com/react/documentation/button/getting-started.html?utm_source=npm&utm_campaign=button) |
| 25 | + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=button#/material/button/default) |
| 26 | + * [Product Page](https://www.syncfusion.com/products/react/button) |
| 27 | + |
| 28 | +* CheckBox - `CheckBox` is a graphical user interface element that allows to select one or more options from the choices. |
| 29 | + * [Getting Started](https://ej2.syncfusion.com/react/documentation/check-box/getting-started.html?utm_source=npm&utm_campaign=check-box) |
| 30 | + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=check-box#/material/button/check-box) |
| 31 | + * [Product Page](https://www.syncfusion.com/products/react/checkbox) |
| 32 | + |
| 33 | +* RadioButton - `RadioButton` is a graphical user interface element that allows to select one option from the choices. |
| 34 | + * [Getting Started](https://ej2.syncfusion.com/react/documentation/radio-button/getting-started.html?utm_source=npm&utm_campaign=radio-button) |
| 35 | + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=radio-button#/material/button/radio-button) |
| 36 | + * [Product Page](https://www.syncfusion.com/products/react/radio-button) |
| 37 | + |
| 38 | +* Switch - `Switch` is a graphical user interface element that allows you to toggle between checked and unchecked states. |
| 39 | + * [Getting Started](https://ej2.syncfusion.com/react/documentation/switch/getting-started.html?utm_source=npm&utm_campaign=switch) |
| 40 | + * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=switch#/material/button/switch) |
| 41 | + * [Product Page](https://www.syncfusion.com/products/react/switch) |
| 42 | + |
| 43 | +## Supported Frameworks |
| 44 | + |
| 45 | +These components are available in following list of frameworks. |
| 46 | + |
| 47 | +1. [Angular](https://github.com/syncfusion/ej2-ng-buttons?utm_source=npm&utm_campaign=button) |
| 48 | +2. [VueJS](https://github.com/syncfusion/ej2-vue-buttons?utm_source=npm&utm_campaign=button) |
| 49 | +3. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript) |
| 50 | +4. [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore) |
| 51 | +5. [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc) |
| 52 | + |
| 53 | +## Key Features |
| 54 | + |
| 55 | +### Button |
| 56 | + |
| 57 | +* [**Types**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles.html#button-types) - Provided with different types of Button. |
| 58 | + |
| 59 | +* [**Predefined Styles**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles.html#button-styles) - Provided with predefined styles of Button. |
| 60 | + |
| 61 | +* [**Sizes**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles.html#button-size) - Provided with different sizes of Button. |
| 62 | + |
| 63 | +* [**Icons**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles.html#icons) - Supports text and icon on the Button. |
| 64 | + |
| 65 | +### CheckBox |
| 66 | + |
| 67 | +* [**States**](https://ej2.syncfusion.com/react/documentation/check-box/getting-started.html#change-the-checkbox-state) - Provided with different states of CheckBox. |
| 68 | + |
| 69 | +* [**Label**](https://ej2.syncfusion.com/react/documentation/check-box/label-and-size.html#label) - Supports label and its positioning. |
| 70 | + |
| 71 | +* [**Sizes**](https://ej2.syncfusion.com/react/documentation/check-box/label-and-size.html#size) - Provided with different sizes of CheckBox. |
| 72 | + |
| 73 | +### RadioButton |
| 74 | + |
| 75 | +* [**States**](https://ej2.syncfusion.com/react/documentation/radio-button/getting-started.html#change-the-radiobutton-state) - Provided with different states of RadioButton. |
| 76 | + |
| 77 | +* [**Label**](https://ej2.syncfusion.com/react/documentation/radio-button/label-and-size.html#label) - Supports label and its positioning. |
| 78 | + |
| 79 | +* [**Sizes**](https://ej2.syncfusion.com/react/documentation/radio-button/label-and-size.html#size) - Provided with different sizes of RadioButton. |
| 80 | + |
| 81 | +### Switch |
| 82 | + |
| 83 | +* [**Text**](https://ej2.syncfusion.com/react/documentation/switch/getting-started.html#set-text-on-switch) - Supports text. |
| 84 | +* [**Sizes**](https://ej2.syncfusion.com/react/documentation/switch/how-to.html#change-size) - Provided with different sizes of Switch. |
| 85 | + |
| 86 | +## Support |
| 87 | + |
| 88 | +Product support is available for through following mediums. |
| 89 | + |
| 90 | +* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=button) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=button). |
| 91 | +* New [GitHub issue](https://github.com/syncfusion/ej2-react-buttons/issues/new). |
| 92 | +* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=button) with tag `syncfusion`, `ej2`. |
| 93 | + |
| 94 | +## License |
| 95 | + |
| 96 | +Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license). |
| 97 | + |
| 98 | +## Changelog |
| 99 | + |
| 100 | +Check the changelog [here](https://github.com/syncfusion/ej2-react-buttons/blob/master/CHANGELOG.md) |
| 101 | + |
| 102 | +© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. |
0 commit comments