From 9aa344f40450c23b66967310a3173ee769b3bb32 Mon Sep 17 00:00:00 2001 From: "CORP\\serhii.pylypchuk" Date: Mon, 5 Dec 2022 09:30:02 +0400 Subject: [PATCH 1/2] Update readme files --- README.md | 24 ++++++++++++++++++++++-- angular/README.md | 10 +++++----- dropdownbutton.png | Bin 0 -> 6029 bytes jquery/README.md | 25 ++++++++++++++++++++++--- react/README.md | 4 ++-- vue/README.md | 4 ++-- 6 files changed, 53 insertions(+), 14 deletions(-) create mode 100644 dropdownbutton.png diff --git a/README.md b/README.md index 07f47a3..3c90641 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,26 @@ [![](https://img.shields.io/badge/Open_in_DevExpress_Support_Center-FF7200?style=flat-square&logo=DevExpress&logoColor=white)](https://supportcenter.devexpress.com/ticket/details/T945799) [![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183) -# Getting Started with DevExtreme DropDownButton +# DevExtreme DropDownButton - Getting Started -This repository stores the source code for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. +This repository stores the code examples of the DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console. + +
+ +## Files to Review + +- **Angular** + - [app.component.html](angular/src/app/app.component.html) + - [app.component.ts](angular/src/app/app.component.ts) +- **jQuery** + - [index.js](jquery/src/index.js) +- **React** + - [App.js](react/src/App.js) +- **Vue** + - [App.vue](vue/src/App.vue) + +## Documentation + +- [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) + +- [DropDownButton - API Reference](https://js.devexpress.com/Documentation/ApiReference/UI_Components/dxDropDownButton/) \ No newline at end of file diff --git a/angular/README.md b/angular/README.md index 2950eac..c2092e8 100644 --- a/angular/README.md +++ b/angular/README.md @@ -1,6 +1,6 @@ -# Getting Started with DevExtreme Angular DropDownButton +# DevExtreme Angular DropDownButton - Getting Started -This repository stores Angular source code for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. +This repository stores the code examples of the Angular DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console. This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0. @@ -18,12 +18,12 @@ Run `ng build` to build the project. The build artifacts will be stored in the ` ## Running unit tests -Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). +Run `ng test` to execute unit tests using [Karma](https://karma-runner.github.io). ## Running end-to-end tests -Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). +Run `ng e2e` to execute end-to-end tests using [Protractor](http://www.protractortest.org/). ## Further help -To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. +To get more help on the Angular CLI, use `ng help` or review the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. diff --git a/dropdownbutton.png b/dropdownbutton.png new file mode 100644 index 0000000000000000000000000000000000000000..196b3c2d0ed9da7212594983d38dd85c6abac2d2 GIT binary patch literal 6029 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 literal 0 HcmV?d00001 diff --git a/jquery/README.md b/jquery/README.md index 56b55de..b79b33d 100644 --- a/jquery/README.md +++ b/jquery/README.md @@ -1,5 +1,24 @@ -# Getting Started with DevExtreme jQuery DropDownButton +# DevExtreme jQuery DropDownButton - Getting Started -This repository stores jQuery source code for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. +This repository stores the code examples of the jQuery DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console. -To launch the project, open `index.html` with your browser. \ No newline at end of file +## Installation + +Download the example and use NPM to install required libraries. + +``` +npm install +``` + +## Development server + +Run the `npm run start` command to run the development server. Use the following link to check the example: +``` +http://localhost:3000/src/index.html +``` + +## Further help + +You can learn more about jQuery API in the [jQuery documentation](https://api.jquery.com/). + +To get more help on DevExtreme, submit an issue on [GitHub](https://github.com/DevExpress/devextreme/issues) or [Support Center](https://www.devexpress.com/Support/Center/Question/Create). \ No newline at end of file diff --git a/react/README.md b/react/README.md index 9187934..a7f6f03 100644 --- a/react/README.md +++ b/react/README.md @@ -1,6 +1,6 @@ -# Getting Started with DevExtreme React DropDownButton +# DevExtreme React DropDownButton - Getting Started -This repository stores React source code for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. +This repository stores the code examples of the React DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console. This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). diff --git a/vue/README.md b/vue/README.md index bba76a7..d03ebdc 100644 --- a/vue/README.md +++ b/vue/README.md @@ -1,6 +1,6 @@ -# Getting Started with DevExtreme Vue DropDownButton +# DevExtreme Vue DropDownButton - Getting Started -This repository stores Vue source code for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. +This repository stores the code examples of the Vue DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console. ## Project setup ``` From a5d07d73595ae46e5b1de506adf0215ec6d2cade Mon Sep 17 00:00:00 2001 From: Serhii Pylypchuk <112853396+SerhiiPylypchukTW@users.noreply.github.com> Date: Mon, 5 Dec 2022 13:29:05 +0400 Subject: [PATCH 2/2] Apply suggestions from code review Update readme files Co-authored-by: DirkPieterse --- README.md | 2 +- angular/README.md | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 3c90641..8a2801f 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,7 @@ # DevExtreme DropDownButton - Getting Started -This repository stores the code examples of the DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console. +This repository stores code examples of the DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console.
diff --git a/angular/README.md b/angular/README.md index c2092e8..7b6c1de 100644 --- a/angular/README.md +++ b/angular/README.md @@ -1,6 +1,6 @@ # DevExtreme Angular DropDownButton - Getting Started -This repository stores the code examples of the Angular DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console. +This repository stores code examples of the Angular DropDownButton component for the [Getting Started with DropDownButton](https://js.devexpress.com/Documentation/Guide/UI_Components/DropDownButton/Getting_Started_with_DropDownButton/) tutorial. The DropDownButton combines the functionality of a button and a drop-down menu. This tutorial describes how to configure a DropDownButton that logs user clicks in the browser console. This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0. @@ -26,4 +26,4 @@ Run `ng e2e` to execute end-to-end tests using [Protractor](http://www.protracto ## Further help -To get more help on the Angular CLI, use `ng help` or review the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. +For help with Angular CLI, use `ng help` or review the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.