Syncfusion Angular UI Components (Essential JS 2)

19 Oct 20248 minutes to read

Syncfusion Angular UI (Essential JS 2) is a collection of modern TypeScript based true Angular Components. It has support for Ahead Of Time (AOT) compilation and Tree-Shaking. All the components are developed from the ground up to be lightweight, responsive, modular and touch friendly.

Components list

The Syncfusion Angular UI components are listed below.

SMART COMPONENTS Smart Paste Smart TextArea GRIDS DataGrid Pivot Table TreeGrid Spreadsheet FILE VIEWERS & EDITORS Document Editor In-place Editor Image Editor RichTextEditor PDF Viewer Word Processor LAYOUT Dialog ListView Predefined Dialogs Tooltip Splitter Dashboard Card Avatar Timeline

DATA VISUALIZATION Charts 3D Chart 3D Circular Chart Accumulation Chart Stock Chart Circular Gauge Linear Gauge Diagram Component HeatMap Chart Map Range Selector Smith Chart Sparkline Charts Barcode TreeMap Bullet Chart Kanban BUTTONS Button ButtonGroup Dropdown Menu Progress Button SplitButton Chips Floating Action Button Speed Dial

CALENDARS Scheduler Gantt Chart Calendar DatePicker DateRangePicker DateTime Picker TimePicker INPUTS TextBox TextArea Input Mask Numeric TextBox RadioButton CheckBox Color Picker File Upload Range Slider Toggle Switch Button Signature Rating OTP Input FORMS Query Builder

DROPDOWNS AutoComplete ListBox ComboBox Dropdown List Multiselect DropDown DropDown Tree Mention MultiColumn ComboBox NAVIGATION Accordion Carousel Context Menu Menu Bar Ribbon Sidebar Tabs Toolbar TreeView File Manager Stepper Breadcrumb Pager AppBar NOTIFICATION Toast Progress Bar Spinner Badge Skeleton Message

How to best read this user guide

• The best way to get started would be to read the “Getting Started” section of the documentation for the component that you would like to start using first.
  The “Getting Started” guide gives just enough information that you need to know before starting to write code. This is the only section that we recommend reading end-to-end before starting to write code, all other information can be referred as needed.

• Now that you are familiar with the basics of using the component, the next step would be to start integrating the component into your application.
  A good starting point would be to refer to the code snippets in the online sample browser which contains hundreds of code samples, it is very likely that you will find a code sample that resembles your intended usage scenario.

• Another valuable resource is the API reference which provides detailed information on the object hierarchy as well as the settings available on every object.

Getting help

• If you are still not able to find the information that you are looking for in the self-help resources mentioned above then please contact us by creating a support ticket in our support site or ask your query in Stack Overflow with tag syncfusion-ej2.

• Don’t see what you need? Please request it in our feedback portal.

Note: Syncfusion does not collect any kind of information when our components are used in customer applications.

See also

• Product Development Life Cycle

• Getting started with Syncfusion Angular Components

• Getting started with Syncfusion Angular SystemJS

• Getting started Syncfusion Angular with ASP.NET Core

• Getting started Syncfusion Angular with ASP.NET MVC

• Getting started with Syncfusion Angular Tree shaking