HelpBot Assistant

How can I help you?

Syncfusion® Vue UI Components (Essential® JS 2)

3 Feb 20268 minutes to read

Syncfusion® Vue is a modern UI Components library that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It also includes complete support for Angular, React, ASP.NET MVC and ASP.NET Core frameworks.

Ready to streamline your Syncfusion® Vue development? Discover the full potential of Syncfusion® Vue components with Syncfusion® AI Coding Assistant. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion® CodeStudio and more. Explore Syncfusion® AI Coding Assistant

Components list

The Syncfusion® Vue UI components are listed below.

SMART COMPONENTS

Smart Paste
Smart TextArea

GRIDS

DataGrid
Pivot Table
TreeGrid
Spreadsheet

INTERACTIVE CHAT

AI AssistView
Chat UI

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

DATA VISUALIZATION

Accumulation Chart
Charts
3D Chart
Stock Chart
Circular Gauge
Linear Gauge
Maps
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
Masked TextBox
RadioButton
CheckBox
Color Picker
File Upload
Range Slider
Toggle Switch Button
Signature
Rating
OTP Input
Speech To Text

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 is to read the “Getting Started” section for the component you want to use. The “Getting Started” guide provides the essential information needed before writing code. This is the only section recommended to read in full before beginning development; all other information can be referenced as needed.

  • After becoming familiar with the basics, the next step is to integrate the component into your application. A good starting point is the code snippets in the online sample browser, which contains hundreds of examples. It is very likely you will find a code sample that matches your intended usage scenario.

  • Another valuable resource is the API reference, which provides detailed information on the object hierarchy and available settings for each object.

Getting help

If you cannot find the information you need in the self-help resources mentioned above, contact us by creating a support ticket on our support site or ask your question on StackOverflow with the tag syncfusion-ej2.

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

See also