## Syncfusion TypeScript Samples
This repository contains the demos of [Syncfusion TypeScript UI controls](https://www.syncfusion.com/products/jquery/javascript). This is the best place to check our controls to get more insight about the usage of APIs. You can also check our controls samples [here](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing), where you can browse the demo for all the controls.
* [Requirements to run the demo](#requirements-to-run-the-demo)
* [License](#license)
* [Using the examples](#using-the-examples)
* [How to Run the samples](#run-the-samples)
* [Controls Catalog](#controls-catalog)
* [Support and Feedback](#support-and-feedback)
## Requirements to run the demo ##
Install the following items:
* Install nodeJS.
* `git clone ` this repository
* Run `npm install`
## License ##
Syncfusion has no liability for any damage or consequence that may arise by the use or viewing of the samples. The samples are for demonstrative purposes and if you choose to use or access the samples you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, accessing or otherwise viewing the samples. By accessing, viewing, or otherwise seeing the samples you acknowledge and agree Syncfusion’s samples will not allow you to seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize or otherwise do anything with Syncfusion’s samples.
For licensing information about Syncfusion TypeScript, Download the Syncfusion License Agreements from [here](https://www.syncfusion.com/content/downloads/syncfusion_license.pdf).
## Using the examples ##
The easiest way to use these samples without using Git is to download the zip file containing the current version (using the following link or by clicking the "Download ZIP" button on the repo page). You can then unzip the entire archive and use the samples.
[Download the samples ZIP](../../archive/master.zip)
**Notes:**
* Before you unzip the archive, right-click it, select **Properties**, and then select **Unblock**.
* Be sure to unzip the entire archive, and not just individual samples. The samples all depend on the SharedContent folder in the archive.
**Reminder:** If you unzip individual samples, they will not build due to references to other portions of the ZIP file that were not unzipped. You must unzip the entire archive if you intend to build the samples.
If you clone the application, run **git clone ** to clone the repository.
## How to Run the samples ##
* Run `typescriptsamples-release.bat` to generate corresponding js file for ts.
* Then, run `npm start`
* Visit your app at [http://localhost:5200](http://localhost:5200).
### Online Demos
Take a look at the Syncfusion TypeScript live demos.
* [Web](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing)
### Offline Demos
Download our TypeScript Platform installer from [here](https://www.syncfusion.com/downloads/javascript/).
## Controls Catalog
| | All Controls | | |
| ------------- | --------------- | ----------- | ----------- |
| **GRIDS** | **DATA VISUALIZATION** | **LAYOUT** | **EDITORS** |
| [DataGrid](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Grid/Grid) | [Charts](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Chart/Chart) | [Splitter](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Splitter/Splitter) | [Text Box](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/TextBoxes/Default) |
| [Tree Grid](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/TreeGrid/TreeGrid) | [Diagramming](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Diagram/Diagram) | [Dialog](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Dialog/Dialog) | [Autocomplete](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Autocomplete/Autocomplete) |
| [Spreadsheet](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Spreadsheet/Default) | [Maps](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Map/Map) | [File Explorer](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/FileExplorer/Default) | [Rich Text Box](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/RTE/Default)
| **NAVIGATION** | [Tree Map](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/TreeMap/TreeMap) | [ListView](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/ListView/ListView) |[slider](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Slider/RangeSlider)|
| [Accordion](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Accordion/Default) | [Heat Map](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/HeatMap/HeatMap) | [Rating](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Rating/Default) | [Combo Box](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/ComboBox/ComboBox)
| [Tree View](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/TreeView/Default) | [Scheduler](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Schedule/Schedule) | [Tooltip](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Tooltip/Default) | [Drop-Down List](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/DropDownList/Default) |
| [Menu](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Menu/Default) | [Circular Gauge](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/CircularGauge/CircularGauge) | **NOTIFICATION**| [Color Picker](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/ColorPicker/ColorPicker) |
| [Toolbar](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Toolbar/Default) | [Linear Gauge](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/LinearGauge/LinearGauge) | [Waiting Pop-up](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/WaitingPopup/Default) | [Date Picker](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/DatePicker/DatePicker) |
| [Tag Cloud](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/TagCloud/Default) | [Digital Gauge](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/DigitalGauge/DigitalGauge) | [Progress Bar](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/ProgressBar/Default) | [Time Picker](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/TimePicker/TimePicker)
| [Ribbon](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Ribbon/Default) | [Bullet Graph](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/BulletGraph/BulletGraph) | [Upload Box](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Uploadbox/Default) | [Date-Time Picker](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/DateTimePicker/DateTimePicker)
| [Tabs](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Tab/Default) | [Gantt](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Gantt/Gantt) | [Button](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Button/Button) | [Signature](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Signature/Signature)
| [Rotator](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Rotator/Rotator) | [Range Navigator](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/RangeNavigator/RangeNavigator) | **FILE FORMAT LIBRARY** | [Radial Slider](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/RadialSlider/RadialSlider) |
[Navigation Drawer](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/NavigationDrawer/NavigationDrawer) | [Sparkline](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Sparkline/Sparkline) | [PDF Viewer](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/PDFViewer/Default) |
| [Scroller](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/ScrollBar/Scrollbar) | [Sunburst Chart](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/SunburstChart/SunburstChart)
| [List Box](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/ListBox/ListBox) | [Barcode](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/Barcode/Barcode) | |
| [Radial Menu](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/RadialMenu/RadialMenu) | [Tag Cloud](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/TagCloud/Default) | |
| [Kanban Board](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/KanbanBoard/Default) | [Date Range Picker](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/DateRangePicker/DateRangePicker) |
| **REPORTING** | **BUSINESS INTELLIGENCE** | |
| [Report Viewer](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/ReportViewer/Default) | [Pivot Grid(OLAP)](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/PivotGridOLAP/Default) | |
| | [Pivot Grid(Relational)](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/PivotGridRelational/Relational) | | |
| | [Pivot Chart(OLAP)](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/PivotChartOLAP/Default) | |
| | [Pivot Chart(Relational)](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/PivotChartRelational/Relational) | |
| | [Pivot Gauge(OLAP)](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/PivotGaugeOLAP/Default) | |
| | [Pivot Gauge(Relational)](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/PivotGaugeRelational/Relational) | |
| | [Pivot TreeMap](https://tsjq.syncfusion.com/?utm_source=github&utm_medium=listing#!/bootstrap/PivotTreeMap/Default) | |
## Support and Feedback ##
* For any other queries, reach our [Syncfusion support team](https://www.syncfusion.com/support/directtrac/incidents/newincident?utm_source=github&utm_medium=listing) or post the queries through the [community forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing).
* To renew the subscription, click [here](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing) or contact our sales team at .