From ba7c77ef1625fae983d9c0e67164cb5aa17a2c86 Mon Sep 17 00:00:00 2001 From: Sasidharan SD <47988127+sasidharansd@users.noreply.github.com> Date: Sun, 26 Nov 2023 16:13:42 +0530 Subject: [PATCH] docs: fix README typos and grammatical errors (#478) Hey @santoshyadavdev , was reading through the README file, found few typo's hence dropped a pr to fix those. Lemme know if any changes needed. --- README.md | 30 +++++++++++++++--------------- libs/ngu/carousel/README.md | 32 ++++++++++++++++---------------- 2 files changed, 31 insertions(+), 31 deletions(-) diff --git a/README.md b/README.md index 9669809a..ad7d687b 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ Angular Universal carousel -`Note: This carousel doesn't include any css. go and customize css for buttons, items except ngucarousel and ngucarousel-inner` +`Note: This carousel doesn't include any CSS. go and customize CSS for buttons, items except ngucarousel and ngucarousel-inner` ## Demo @@ -254,24 +254,24 @@ export type Animate = 'lazy'; | Command | Type | Required | Description | | ------------------------- | ------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `grid` | Object | Yes | **xs** - mobile, **sm** - tablet, **md** - desktop, **lg** - large desktops, **xl** - extra large desktops, **all** - fixed width (When you use **all** make others 0 and vise versa) | +| `grid` | Object | Yes | **xs** - mobile, **sm** - tablet, **md** - desktop, **lg** - large desktops, **xl** - extra large desktops, **all** - fixed width (When you use **all** make others 0 and vice versa) | | `gridBreakpoints` | Object | optional | Determines the browser width in pixels that the grid displays the intended number of tiles.

default: `{sm: 768, md: 992, lg: 1200, xl: 1200}` | | `slide` | number | optional | It is used to slide the number items on click | -| `speed` | milli seconds | optional | It is used for time taken to slide the number items | -| `interval` | milli seconds | optional | It is used to make carousel auto slide with given value. interval defines the interval between slides | -| `load` | number | optional | is used to load the items similar to pagination. the carousel will tigger the carouslLoad function to load another set of items. it will help you to improve the performance of the app.**`(carouselLoad)="myfunc($event)"`** | +| `speed` | milliseconds | optional | It is used for time taken to slide the number items | +| `interval` | milliseconds | optional | It is used to make the carousel auto slide with given value. interval defines the interval between slides | +| `load` | number | optional | It is used to load the items similar to pagination. The carousel will trigger the carouselLoad function to load another set of items. It will help you to improve the performance of the app.**`(carouselLoad)="myfunc($event)"`** | | `point.visible` | boolean | optional | It is used to indicate no. of slides and also shows the current active slide. | | `point.hideOnSingleSlide` | boolean | optional | It is used to hide the point indicator when slide is less than one. | | `touch` | boolean | optional | It is used to active touch support to the carousel. | | `easing` | string | optional | It is used to define the easing style of the carousel. Only define the ease name without any timing like `ease`,`ease-in` | | `loop` | boolean | optional | It is used to loop the `ngu-item ngu-tile`. It must be true for `interval` | -| `animation` | string | optional | It is used to animate the sliding items. currently it only supports `lazy`. more coming soon and also with custom css animation option | -| `custom` | string | optional | It is you to define the purpose of the carousel. currently it only supports `banner`. more coming soon and also with custom css animation option | -| `RTL` | boolean | optional | This option enable the `rtl` direction and act as rtl. By default it is `ltr` | +| `animation` | string | optional | It is used to animate the sliding items. currently it only supports `lazy`. more coming soon and also with custom CSS animation option | +| `custom` | string | optional | It is you to define the purpose of the carousel. Currently, it only supports `banner`. | +| `RTL` | boolean | optional | This option enables the `rtl` direction and acts as rtl. By default it is set to `ltr` | | `vertical.enabled` | boolean | optional | This option enable the `vertical` direction | -| `vertical.height` | boolean | optional | This option is used to set the height of the carousel | +| `vertical.height` | number | optional | This option is used to set the height of the carousel | -### Custom css for Point +### Custom CSS for Point ```html ``` -This is HTML I'm using in the carousel. Add your own css according to this elements in `pointStyles`. check below guide for more details. +This is HTML I'm using in the carousel. Add your own CSS according to this elements in `pointStyles`. check below guide for more details. ```html @@ -602,8 +602,8 @@ export class Sample implements OnInit { } - // carouselLoad will trigger this funnction when your load value reaches - // it is helps to load the data by parts to increase the performance of the app + // carouselLoad will trigger this function when your load value reaches + // it helps to load the data by parts to increase the performance of the app // must use feature to all carousel } @@ -720,8 +720,8 @@ export class Sample implements OnInit { } - // carouselLoad will trigger this funnction when your load value reaches - // it is helps to load the data by parts to increase the performance of the app + // carouselLoad will trigger this function when your load value reaches + // it helps to load the data by parts to increase the performance of the app // must use feature to all carousel } diff --git a/libs/ngu/carousel/README.md b/libs/ngu/carousel/README.md index 66b5cf12..fb985d51 100644 --- a/libs/ngu/carousel/README.md +++ b/libs/ngu/carousel/README.md @@ -2,7 +2,7 @@ Angular Universal carousel -`Note: This carousel doesn't include any css. go and customize css for buttons, items except ngucarousel and ngucarousel-inner` +`Note: This carousel doesn't include any CSS. go and customize CSS for buttons, items except ngucarousel and ngucarousel-inner` ## Demo @@ -251,24 +251,24 @@ export type Animate = 'lazy'; | Command | Type | Required | Description | | ------------------------- | ------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | -| `grid` | Object | Yes | **xs** - mobile, **sm** - tablet, **md** - desktop, **lg** - large desktops, **xl** - extra large desktops, **all** - fixed width (When you use **all** make others 0 and vise versa) | +| `grid` | Object | Yes | **xs** - mobile, **sm** - tablet, **md** - desktop, **lg** - large desktops, **xl** - extra large desktops, **all** - fixed width (When you use **all** make others 0 and vice versa) | | `gridBreakpoints` | Object | optional | Determines the browser width in pixels that the grid displays the intended number of tiles.

default: `{sm: 768, md: 992, lg: 1200, xl: 1200}` | | `slide` | number | optional | It is used to slide the number items on click | -| `speed` | milli seconds | optional | It is used for time taken to slide the number items | -| `interval` | milli seconds | optional | It is used to make carousel auto slide with given value. interval defines the interval between slides | -| `load` | number | optional | is used to load the items similar to pagination. the carousel will tigger the carouslLoad function to load another set of items. it will help you to improve the performance of the app.**`(carouselLoad)="myfunc($event)"`** | +| `speed` | milliseconds | optional | It is used for time taken to slide the number items | +| `interval` | milliseconds | optional | It is used to make the carousel auto slide with given value. interval defines the interval between slides | +| `load` | number | optional | It is used to load the items similar to pagination. The carousel will trigger the carouselLoad function to load another set of items. It will help you to improve the performance of the app.**`(carouselLoad)="myfunc($event)"`** | | `point.visible` | boolean | optional | It is used to indicate no. of slides and also shows the current active slide. | | `point.hideOnSingleSlide` | boolean | optional | It is used to hide the point indicator when slide is less than one. | | `touch` | boolean | optional | It is used to active touch support to the carousel. | | `easing` | string | optional | It is used to define the easing style of the carousel. Only define the ease name without any timing like `ease`,`ease-in` | | `loop` | boolean | optional | It is used to loop the `ngu-item | ngu-tile`. It must be true for `interval` | -| `animation` | string | optional | It is used to animate the sliding items. currently it only supports `lazy`. more coming soon and also with custom css animation option | -| `custom` | string | optional | It is you to define the purpose of the carousel. currently it only supports `banner`. more coming soon and also with custom css animation option | -| `RTL` | boolean | optional | This option enable the `rtl` direction and act as rtl. By default it is `ltr` | -| `vertical.enabled` | boolean | optional | This option enable the `vertical` direction | -| `vertical.height` | boolean | optional | This option is used to set the height of the carousel | +| `animation` | string | optional | It is used to animate the sliding items. currently it only supports `lazy`. more coming soon and also with custom CSS animation option | +| `custom` | string | optional | It is you to define the purpose of the carousel. Currently, it only supports `banner`. | +| `RTL` | boolean | optional | This option enables the `rtl` direction and acts as rtl. By default it is set to `ltr` | +| `vertical.enabled` | boolean | optional | This option enables the `vertical` direction | +| `vertical.height` | number | optional | This option is used to set the height of the carousel | -### Custom css for Point +### Custom CSS for Point ```html ``` -This is HTML I'm using in the carousel. Add your own css according to this elements in `pointStyles`. check below guide for more details. +This is HTML I'm using in the carousel. Add your own CSS according to this elements in `pointStyles`. check below guide for more details. ```html @@ -592,8 +592,8 @@ export class Sample implements OnInit { } - // carouselLoad will trigger this funnction when your load value reaches - // it is helps to load the data by parts to increase the performance of the app + // carouselLoad will trigger this function when your load value reaches + // it helps to load the data by parts to increase the performance of the app // must use feature to all carousel } @@ -710,8 +710,8 @@ export class Sample implements OnInit { } - // carouselLoad will trigger this funnction when your load value reaches - // it is helps to load the data by parts to increase the performance of the app + // carouselLoad will trigger this function when your load value reaches + // it helps to load the data by parts to increase the performance of the app // must use feature to all carousel }