diff --git a/components/calendars/README.md b/components/calendars/README.md index 3c3c8bced..fd5e2330a 100644 --- a/components/calendars/README.md +++ b/components/calendars/README.md @@ -109,52 +109,60 @@ The date time picker is inherited from the date picker and time picker component * [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/default) * [Product page](https://www.syncfusion.com/products/angular-ui-components/datetimepicker) -### DateRangePicker +### Angular DateRangePicker -The `date range picker` is a graphical user interface control that allows an end user to select start and end date values as a range from a calendar pop-up or by entering the value directly in the input element. +The [Angular DateRangePicker](https://www.syncfusion.com/angular-components/angular-daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) is a graphical user interface control that allows an end user to select start and end date values as a range from a calendar pop-up or by entering the value directly in the input element. #### Key features -* [Preset ranges](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/presets) - Defines the preset ranges to select the frequently used date range by the end users. -* [Range restriction](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-range) - This control restricts the entry or selection of values within a specific range of date by defining the min and max properties. -* [Limit the selection range](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/day-span) - Directs the end user to select only the date range with specific minimum and maximum number of days’ count by setting the minDays and maxDays options. -* [First day of week](https://ej2.syncfusion.com/angular/documentation/daterangepicker/customization#first-day-of-week) - Changes the first day of weeks in every month. -* [Strict mode](https://ej2.syncfusion.com/angular/documentation/daterangepicker/range-selection#strict-mode) - The strictMode is an act that allows entry only of a valid date within the specified min and max range in a textbox. -* [Customization](https://ej2.syncfusion.com/angular/documentation/daterangepicker/customization#daterangepicker) - The appearance of the component can be customized completely. -* [Format](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-format) - The control’s input value can be custom formatted apart from the default culture’s specific date range format. -* [Globalization](https://ej2.syncfusion.com/angular/documentation/daterangepicker/globalization#globalization) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language. +* [Preset ranges](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/presets?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) - Defines the preset ranges to select the frequently used date range by the end users. +* [Range restriction](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/date-range?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) - This control restricts the entry or selection of values within a specific range of date by defining the min and max properties. +* [Limit the selection range](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/day-span?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) - Directs the end user to select only the date range with specific minimum and maximum number of days’ count by setting the minDays and maxDays options. +* [First day of week](https://ej2.syncfusion.com/angular/documentation/daterangepicker/customization/#first-day-of-week?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) - Changes the first day of weeks in every month. +* [Strict mode](https://ej2.syncfusion.com/angular/documentation/daterangepicker/range-selection/#strict-mode?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) - The strictMode is an act that allows entry only of a valid date within the specified min and max range in a textbox. +* [Customization](https://ej2.syncfusion.com/angular/documentation/daterangepicker/customization/#daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) - The appearance of the component can be customized completely. +* [Format](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/date-format?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) - The control’s input value can be custom formatted apart from the default culture’s specific date range format. +* [Globalization](https://ej2.syncfusion.com/angular/documentation/daterangepicker/globalization/#globalization?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language. #### Resources -* [Getting started](https://ej2.syncfusion.com/angular/documentation/daterangepicker/getting-started?utm_source=npm&utm_campaign=daterangepicker#getting-started) -* [API reference](https://ej2.syncfusion.com/angular/documentation/api/daterangepicker?utm_source=npm&utm_campaign=daterangepicker) -* [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/default) -* [Product page](https://www.syncfusion.com/products/angular-ui-components/daterangepicker) +[Learn More about Angular DateRangePicker](https://www.syncfusion.com/angular-components/angular-daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)

+[Download Free Trial](https://www.syncfusion.com/downloads/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)

+[Pricing](https://www.syncfusion.com/sales/products/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)

+[Documentation](https://ej2.syncfusion.com/angular/documentation/daterangepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)

+[View Demos](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)

+[Community Forums](https://www.syncfusion.com/forums/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)

+[Knowledge Base](https://www.syncfusion.com/kb/angular-js2/daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)

+[Suggest a feature](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) -## Supported Frameworks +## Supported frameworks Date time components are also offered in the following list of frameworks. -* [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/calendars?utm_source=npm&utm_campaign=calendars) -* [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/calendars?utm_source=npm&utm_campaign=calendars) -* [ASP.NET Core](https://www.syncfusion.com/products/aspnet-core-ui-controls/calendar) -* [ASP.NET MVC](https://www.syncfusion.com/products/aspnet-mvc-ui-controls/calendar) -* [JavaScript](https://www.syncfusion.com/products/javascript-ui-controls/calendar) +* [Blazor DateRangePicker](https://www.syncfusion.com/blazor-components/blazor-daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) +* [React DateRangePicker](https://www.syncfusion.com/react-components/react-daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) +* [Vue DateRangePicker](https://www.syncfusion.com/vue-components/vue-date-range-picker?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) +* [ASP.NET Core DateRangePicker](https://www.syncfusion.com/products/aspnet-core-ui-controls/calendar?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) +* [ASP.NET MVC DateRangePicker](https://www.syncfusion.com/products/aspnet-mvc-ui-controls/calendar?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) +* [JavaScript DateRangePicker](https://www.syncfusion.com/products/javascript-ui-controls/calendar?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) ## Showcase samples -1. Expanse tracker ([Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_campaign=daterangepicker)) - Date range picker component is used in this showcase sample to depict total expenses. +1. Expanse tracker ([Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)) - Date range picker component is used in this showcase sample to depict total expenses. -2. Loan calculator ([Source](https://github.com/syncfusion/ej2-showcase-angular-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_campaign=datepicker)) - Date picker component in this showcase sample displays the balance from monthly payment. +2. Loan calculator ([Source](https://github.com/syncfusion/ej2-showcase-angular-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)) - Date picker component in this showcase sample displays the balance from monthly payment. -3. Stock chart ([Live Demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart?utm_source=npm&utm_campaign=daterangepicker)) - Date range picker component in this showcase sample to display the stock analysis. +3. Stock chart ([Live Demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm)) - Date range picker component in this showcase sample to display the stock analysis. + +## About Syncfusion Angular UI Components +Syncfusion's [Angular Components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Date Range Picker, we provide popular Angular Components such as [Angular Grid](https://www.syncfusion.com/angular-components/angular-grid?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm), [Angular Charts](https://www.syncfusion.com/angular-components/angular-charts?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm), [Angular ListView](https://www.syncfusion.com/angular-components/angular-listview?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm), [Angular Diagram](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm), [Angular Tree Grid](https://www.syncfusion.com/angular-components/angular-tree-grid?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm), and [Angular PDF Viewer](https://www.syncfusion.com/angular-components/angular-pdf-viewer?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm). ## Support Product support is available through the following mediums. -* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=calendar) support system or [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_campaign=calendar). -* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new). +* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm) support system or [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm). +* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=angular-daterangepicker-npm). * Ask your queries in Stack Overflow with tag `syncfusion`, `ej2`, and so on. ## License diff --git a/components/inputs/README.md b/components/inputs/README.md index df43ca0c0..9222a77e8 100644 --- a/components/inputs/README.md +++ b/components/inputs/README.md @@ -49,9 +49,15 @@ Following list of components are available in the package. * [Product Page](https://www.syncfusion.com/angular-ui-components/slider/?utm_source=npm&utm_campaign=slider) * **Uploader** - The [Angular File Upload](https://www.syncfusion.com/angular-ui-components/angular-file-upload/?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm) component is an extended version of the HTML5 upload control which is used to upload images, documents, and other files to a server. - * [Product Page](https://www.syncfusion.com/angular-ui-components/angular-file-upload/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm) - * [Getting Started](https://ej2.syncfusion.com/angular/documentation/uploader/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm) - * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm#/material/uploader/default) + +[Learn More about Angular File Upload](https://www.syncfusion.com/angular-ui-components/angular-file-upload/?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm)

+[Download Free Trial](https://www.syncfusion.com/downloads/angular?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm)

+[Pricing](https://www.syncfusion.com/sales/products/angular?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm)

+[Documentation](https://ej2.syncfusion.com/angular/documentation/uploader/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm)

+[View Demos](https://ej2.syncfusion.com/angular/demos/#/material/uploader/default?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm)

+[Community Forums](https://www.syncfusion.com/forums/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm)

+[Knowledge Base](https://www.syncfusion.com/kb/angular-js2/uploader?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm)

+[Suggest a feature](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm) ## Supported frameworks @@ -119,12 +125,12 @@ Input component is also offered in following list of frameworks. - [**Keyboard Interaction**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api) - The Slider can be intractable through the keyboard. ### 7. Upload -- [**Chunk Upload**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm#/material/uploader/chunk-upload) – used to upload large files as chunks -- [**Drag-and-drop**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm#/material/uploader/custom-drop-area) – drag the files and drop into component to upload them. -- [**Template**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm#/material/uploader/custom-file-list) – the file list and buttons can be customize using template -- [**Validation**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm#/material/uploader/file-validation) – validate extension and size of upload file -- [**Auto Upload**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm#/material/uploader/default) – Process the file to upload without interaction. -- [**Preload Files**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-upload-npm#/material/uploader/preload-files) – View and manipulate previously uploaded files +- [**Chunk Upload**](https://ej2.syncfusion.com/angular/demos/#/material/uploader/chunk-upload?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm) – used to upload large files as chunks +- [**Drag-and-drop**](https://ej2.syncfusion.com/angular/demos/#/material/uploader/custom-drop-area?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm) – drag the files and drop into component to upload them. +- [**Template**](https://ej2.syncfusion.com/angular/demos/#/material/uploader/custom-file-list?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm) – the file list and buttons can be customize using template +- [**Validation**](https://ej2.syncfusion.com/angular/demos/#/material/uploader/file-validation?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm) – validate extension and size of upload file +- [**Auto Upload**](https://ej2.syncfusion.com/angular/demos/#/material/uploader/default?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm) – Process the file to upload without interaction. +- [**Preload Files**](https://ej2.syncfusion.com/angular/demos/#/material/uploader/preload-files?utm_source=npm&utm_medium=listing&utm_campaign=anuglar-file-upload-npm) – View and manipulate previously uploaded files ## Support diff --git a/components/spreadsheet/README.md b/components/spreadsheet/README.md index b20c941c3..69efee22b 100644 --- a/components/spreadsheet/README.md +++ b/components/spreadsheet/README.md @@ -18,56 +18,64 @@ npm install @syncfusion/ej2-angular-spreadsheet ## Resources -* [Product Page](https://www.syncfusion.com/angular-ui-components/angular-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) -* [Getting Started](https://ej2.syncfusion.com/angular/documentation/spreadsheet/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) -* [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm#/material/spreadsheet/default) +[Learn More about Angular Spreadsheet](https://www.syncfusion.com/angular-components/angular-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm)

+[Download Free Trial](https://www.syncfusion.com/downloads/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm)

+[Pricing](https://www.syncfusion.com/sales/products/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm)

+[Documentation](https://ej2.syncfusion.com/angular/documentation/spreadsheet/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm)

+[View Demos](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm)

+[Community Forums](https://www.syncfusion.com/forums/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm)

+[Knowledge Base](https://www.syncfusion.com/kb/angular-js2/spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm)

+[Suggest a feature](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) ## Supported Frameworks Spreadsheet component is also offered in following list of frameworks. 1. [Javascript Spreadsheet](https://www.syncfusion.com/javascript-ui-controls/js-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) -2. [React Spreadsheet](https://www.syncfusion.com/react-ui-components/react-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) -3. [VueJS Spreadsheet](https://www.syncfusion.com/vue-ui-components/vue-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) +2. [React Spreadsheet](https://www.syncfusion.com/react-components/react-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) +3. [Vue Spreadsheet](https://www.syncfusion.com/vue-components/vue-spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) 4. [ASP.NET Core Spreadsheet](https://www.syncfusion.com/aspnet-core-ui-controls/spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) 5. [ASP.NET MVC Spreadsheet](https://www.syncfusion.com/aspnet-mvc-ui-controls/spreadsheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) ## Key Features -- **Data sources** - Bind the spreadsheet component with an array of JavaScript objects or DataManager. +- [**Data sources**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/remote-data-binding?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Bind the spreadsheet component with an array of JavaScript objects or DataManager. - **Virtualization** - Provides the option to load large amount of data without performance degradation. -- **Selection** - Provides the option to select a cell or range of cells. -- **Editing** - Provides the options to dynamically edit a cell. -- **Formulas** - Provides built-in calculation library with predefined formulas and named range support. -- **Clipboard** - Provides the option to perform clipboard operations. -- **Cell formatting** - Provides option to customize the appearance of cells. -- **Number formatting** - Provides option to format the cell value. -- **Open** - Provides the option to open excel file in spreadsheet. -- **Save** - Provides option to save spreadsheet data as excel file. -- **Sorting:** Helps you to arrange the data to particular order in a selected range of cells. -- **Resize:** Allows you to change the row height and column width. Auto fit the rows and columns based on its content. -- **Wrap text:** Provides the option to display the large content as multiple lines in a single cell. -- **Data validation:** Provides the option to validate edited values based on data validation rules defined for a cell or range of cells. -- **Find and Replace:** Provides the option to find the data and replace it across all the sheets in Spreadsheet. -- **Protect sheet:** Provides the option to restrict the user actions like cell editing, row and column insertion, deletion, and resizing. -- **Borders:** Provides the option to customize cell gridlines such as color and its style for enhanced UI. -- **Show/Hide:** Provides the option to show/hide the rows, columns and sheets. -- **Insert/delete:** Provides the option to insert/delete the rows, columns and sheets. -- **Merge cells:** Provides option to can combine two or more cells located in the same row or column into a single cell. -- **Conditional formatting:** Provides option to format a cell or range of cells based on the conditions applied. -- **Clear:** Provides option to clear the content, formats, and hyperlinks applied to a cell or range of cells in a spreadsheet. -- **Aggregates:** Provides option to check the sum, average, and count for the selected cells or range in the sheet tab. -- **Picture:** Allows you to view, insert, and modify a picture in a spreadsheet with customizing options. -- **Chart:** Transforms your Spreadsheet data to an intuitive overview for better understanding and to make smart business decisions. -- **Freeze pane:** Allows users to keep the specified rows and columns always visible at the top and left side of the sheet while scrolling through the sheet. -- **PDF Export:** Allows users to save the spreadsheet data as a PDF document. -- **Password protection:** Allows users to protect the workbook with a password. -- **Multi-line editing:** Allows you to insert a line break between paragraphs of the text within a cell in a Spreadsheet. -- **Range selection helper:** Helps you to select a range or multiple ranges when editing a formula in a cell. +- [**Selection**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/selection/?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides the option to select a cell or range of cells. +- [**Editing**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/editing/?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides the options to dynamically edit a cell. +- [**Formulas**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/formula?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides built-in calculation library with predefined formulas and named range support. +- [**Clipboard**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/clipboard/?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides the option to perform clipboard operations. +- [**Cell formatting**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/cell-formatting?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides option to customize the appearance of cells. +- [**Number formatting**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/number-formatting?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides option to format the cell value. +- [**Conditional formatting**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/conditional-formatting?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides option to format a cell or range of cells based on the conditions applied. +- [**Open**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/open-save/#open?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides the option to open excel file in spreadsheet. +- [**Save**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/open-save/#save?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides option to save spreadsheet data as excel file. +- [**Sorting**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/sorting-and-filtering?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Helps you to arrange the data to particular order in a selected range of cells. +- **Resize** Allows you to change the row height and column width. Auto fit the rows and columns based on its content. +- [**Wrap text**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/cell-range/#wrap-text?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) Provides the option to display the large content as multiple lines in a single cell. +- [**Data validation**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/cell-range/#data-validation?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) Provides the option to validate edited values based on data validation rules defined for a cell or range of cells. +- [**Find and Replace**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/searching/?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) Provides the option to find the data and replace it across all the sheets in Spreadsheet. +- [**Protect sheet**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/protect-sheet?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) Provides the option to restrict the user actions like cell editing, row and column insertion, deletion, and resizing. +- **Borders** - Provides the option to customize cell gridlines such as color and its style for enhanced UI. +- **Show/Hide** - Provides the option to show/hide the rows, columns and sheets. +- **Insert/delete** - Provides the option to insert/delete the rows, columns and sheets. +- [**Merge cells**](https://ej2.syncfusion.com/angular/documentation/spreadsheet/cell-range/#merge-cells?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Provides option to can combine two or more cells located in the same row or column into a single cell. +- **Clear** - Provides option to clear the content, formats, and hyperlinks applied to a cell or range of cells in a spreadsheet. +- **Aggregates** - Provides option to check the sum, average, and count for the selected cells or range in the sheet tab. +- **Picture** - Allows you to view, insert, and modify a picture in a spreadsheet with customizing options. +- [**Chart**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) Transforms your Spreadsheet data to an intuitive overview for better understanding and to make smart business decisions. +- [**Freeze pane**](https://ej2.syncfusion.com/angular/demos/#/material/spreadsheet/freeze-pane?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) - Allows users to keep the specified rows and columns always visible at the top and left side of the sheet while scrolling through the sheet. +- **PDF Export** - Allows users to save the spreadsheet data as a PDF document. +- **Password protection** - Allows users to protect the workbook with a password. +- **Multi-line editing** - Allows you to insert a line break between paragraphs of the text within a cell in a Spreadsheet. +- **Range selection helper** - Helps you to select a range or multiple ranges when editing a formula in a cell. - **RTL** - Provides right-to-left mode which aligns content in the spreadsheet component from right to left. - **Localization** - Provides inherent support to localize the UI. - **Accessibility** - Provides with built-in accessibility support which helps to access all the spreadsheet component features through the keyboard, screen readers, or other assistive technology devices. +## About Syncfusion Angular UI Components +Syncfusion's [Angular Components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Spreadsheet, we provide popular Angular Components such as [Angular Grid](https://www.syncfusion.com/angular-components/angular-grid?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm), [Angular Charts](https://www.syncfusion.com/angular-components/angular-charts?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm), [Angular ListView](https://www.syncfusion.com/angular-components/angular-listview?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm), [Angular Diagram](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm), [Angular Tree Grid](https://www.syncfusion.com/angular-components/angular-tree-grid?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm), and [Angular PDF Viewer](https://www.syncfusion.com/angular-components/angular-pdf-viewer?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm). + ## Support Product support is available for through following mediums. @@ -78,7 +86,7 @@ Product support is available for through following mediums. ## License -Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm). +Check the license detail [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-spreadsheet-npm). ## Changelog