grids
Grid, columns, paging, sorting, filtering, templates.
Thumbnail placeholder (Grid)
Syncfusion Components Available In This Repo
This page lists Syncfusion packages already included in the workspace, so they are available to use now without installing extra dependencies.
Official Syncfusion React docs: Introduction
React Component Packages (Ready to Use)
treegrid
Hierarchical tabular view with expandable rows.
Thumbnail placeholder (TreeGrid)
dropdowns
DropDownList, ComboBox, MultiSelect, AutoComplete.
Thumbnail placeholder (Dropdowns)
inputs
TextBox, NumericTextBox, TextArea, MaskedTextBox, Uploader, Slider.
Thumbnail placeholder (Inputs)
calendars
DatePicker, DateTimePicker, Calendar, DateRangePicker, TimePicker.
Thumbnail placeholder (Calendars)
buttons
Button, Chip, ChipList, and Floating Action Button controls with common state examples.
Thumbnail placeholder (Buttons)
selection-controls
CheckBox, RadioButton, and Switch controls grouped for selection workflows.
Thumbnail placeholder (Selection Controls)
popups
Dialog, Tooltip, and popup utilities.
Thumbnail placeholder (Popups)
navigations
Menu, Context Menu, Sidebar, Tabs, Stepper, Toolbar, Breadcrumb.
Thumbnail placeholder (Navigations)
notifications
Toast, Message, and notification UI primitives.
Thumbnail placeholder (Notifications)
inplace-editor
In-place editing controls.
Thumbnail placeholder (In-place Editor)
lists
ListView and list controls.
Thumbnail placeholder (Lists)
progressbar
Linear and circular progress bars.
Thumbnail placeholder (ProgressBar)
base
Core React integration utilities used by all EJ2 components.
Thumbnail placeholder (Base)
grids- Docs - Figma - Storybook entrytreegrid- Docs - Figma - Storybook entrydropdowns- Docs - Figma - Storybook entryinputs- Docs - Figma - Storybook entrycalendars- Docs - Figma - Storybook entrybuttons- Docs - Figma - Storybook entryselection-controls- Docs - Figma - Storybook entrypopups- Docs - Figma - Storybook entrynavigations- Docs - Figma - Storybook entrynotifications- Docs - Figma - Storybook entryinplace-editor- Docs - Figma - Storybook entrylists- Docs - Figma - Storybook entryprogressbar- Docs - Figma - Storybook entrybase- Docs - Figma - Storybook entry
React Components (Advanced Set)
Additional Syncfusion React components from the broader catalog. Each entry includes marketing and developer docs links, plus StoryBook links where this repo already has coverage.
| Category | Component | Marketing | Developer docs | StoryBook |
|---|---|---|---|---|
| Smart Components | Smart Paste Button | Marketing | Docs | — |
| Smart Components | Smart TextArea | Marketing | Docs | — |
| Grids | Data Grid | Marketing | Docs | StoryBook |
| Grids | Pivot Table | Marketing | Docs | — |
| Grids | Tree Grid | Marketing | Docs | StoryBook |
| Data Visualization | Charts | Marketing | Docs | — |
| Data Visualization | 3D Charts | Marketing | Docs | — |
| Data Visualization | 3D Circular Charts | Marketing | Docs | — |
| Data Visualization | Sankey Diagram | Marketing | Docs | — |
| Data Visualization | Stock Chart | Marketing | Docs | — |
| Data Visualization | Circular Gauge | Marketing | Docs | — |
| Data Visualization | Linear Gauge | Marketing | Docs | — |
| Data Visualization | Diagram | Marketing | Docs | — |
| Data Visualization | HeatMap Chart | Marketing | Docs | — |
| Data Visualization | Maps | Marketing | Docs | — |
| Data Visualization | Range Selector | Marketing | Docs | — |
| Data Visualization | Smith Chart | Marketing | Docs | — |
| Data Visualization | Sparkline Charts | Marketing | Docs | — |
| Data Visualization | Barcode Generator | Marketing | Docs | — |
| Data Visualization | TreeMap | Marketing | Docs | — |
| Data Visualization | Bullet Chart | Marketing | Docs | — |
| Data Visualization | Kanban | Marketing | Docs | — |
| Calendars | Scheduler | Marketing | Docs | — |
| Calendars | Gantt Chart | Marketing | Docs | — |
| Calendars | Calendar | Marketing | Docs | StoryBook |
| Calendars | DatePicker | Marketing | Docs | StoryBook |
| Calendars | DateRangePicker | Marketing | Docs | StoryBook |
| Calendars | DateTime Picker | Marketing | Docs | StoryBook |
| Calendars | TimePicker | Marketing | Docs | StoryBook |
| Dropdowns | AutoComplete | Marketing | Docs | StoryBook |
| Dropdowns | ListBox | Marketing | Docs | — |
| Dropdowns | ComboBox | Marketing | Docs | StoryBook |
| Dropdowns | Dropdown List | Marketing | Docs | StoryBook |
| Dropdowns | MultiSelect Dropdown | Marketing | Docs | StoryBook |
| Dropdowns | Dropdown Tree | Marketing | Docs | — |
| Dropdowns | Mention | Marketing | Docs | — |
| Dropdowns | MultiColumn ComboBox | Marketing | Docs | — |
| File Viewers & Editors | In-place Editor | Marketing | Docs | StoryBook |
| File Viewers & Editors | Rich Text Editor | Marketing | Docs | — |
| File Viewers & Editors | Image Editor | Marketing | Docs | — |
| File Viewers & Editors | Block Editor | Marketing | Docs | — |
| Buttons | Button | Marketing | Docs | StoryBook |
| Buttons | Button Group | Marketing | Docs | — |
| Buttons | Dropdown Menu | Marketing | Docs | — |
| Buttons | Progress Button | Marketing | Docs | — |
| Buttons | Split Button | Marketing | Docs | — |
| Buttons | Chips | Marketing | Docs | StoryBook |
| Buttons | Floating Action Button | Marketing | Docs | StoryBook |
| Buttons | Speed Dial | Marketing | Docs | — |
| Interactive Chat | AI AssistView | Marketing | Docs | — |
| Interactive Chat | Chat UI | Marketing | Docs | — |
| Interactive Chat | Inline AI Assist | Marketing | Docs | — |
| Inputs | TextBox | Marketing | Docs | StoryBook |
| Inputs | TextArea | Marketing | Docs | StoryBook |
| Inputs | Input Mask | Marketing | Docs | StoryBook |
| Inputs | Numeric Textbox | Marketing | Docs | StoryBook |
| Inputs | Radio Button | Marketing | Docs | StoryBook |
| Inputs | Checkbox | Marketing | Docs | StoryBook |
| Inputs | Color Picker | Marketing | Docs | — |
| Inputs | File Upload | Marketing | Docs | StoryBook |
| Inputs | Slider | Marketing | Docs | StoryBook |
| Inputs | Signature | Marketing | Docs | — |
| Inputs | Toggle Switch Button | Marketing | Docs | StoryBook |
| Inputs | Rating | Marketing | Docs | — |
| Inputs | OTP Input | Marketing | Docs | — |
| Inputs | Speech To Text | Marketing | Docs | — |
| Navigation | Accordion | Marketing | Docs | — |
| Navigation | AppBar | Marketing | Docs | — |
| Navigation | Breadcrumb | Marketing | Docs | StoryBook |
| Navigation | Carousel | Marketing | Docs | — |
| Navigation | Context Menu | Marketing | Docs | StoryBook |
| Navigation | Menu Bar | Marketing | Docs | StoryBook |
| Navigation | Sidebar | Marketing | Docs | StoryBook |
| Navigation | Tabs | Marketing | Docs | StoryBook |
| Navigation | Toolbar | Marketing | Docs | StoryBook |
| Navigation | Tree View | Marketing | Docs | — |
| Navigation | File Manager | Marketing | Docs | — |
| Navigation | Ribbon | Marketing | Docs | — |
| Navigation | Stepper | Marketing | Docs | StoryBook |
| Layout | Avatar | Marketing | Docs | — |
| Layout | Card | Marketing | Docs | — |
| Layout | Dialog | Marketing | Docs | StoryBook |
| Layout | ListView | Marketing | Docs | StoryBook |
| Layout | Tooltip | Marketing | Docs | StoryBook |
| Layout | Splitter | Marketing | Docs | — |
| Layout | Dashboard Layout | Marketing | Docs | — |
| Layout | Timeline | Marketing | Docs | — |
| Forms | Query Builder UI | Marketing | Docs | — |
| Notifications | Message | Marketing | Docs | StoryBook |
| Notifications | Badge | Marketing | Docs | — |
| Notifications | Toast | Marketing | Docs | StoryBook |
| Notifications | Progress Bar | Marketing | Docs | StoryBook |
| Notifications | Skeleton | Marketing | Docs | StoryBook |
Core EJ2 Packages Also Available
These are lower-level packages (non-React wrappers) that are already present in the repo.
ej2-base
Core utilities package used by EJ2 components.
ej2-data
Provides data layer utilities like DataManager and Query.
ej2-buttons
Core implementation package behind button-related components.
ej2-calendars
Core date/time control implementation package.
ej2-dropdowns
Core dropdown and selection control implementation package.
ej2-icons
Icon font and icon metadata package used by EJ2 controls.
ej2-inputs
Core input controls implementation package.
ej2-layouts
Core layout primitives for splitters and dashboard layouts.
ej2-lists
Core list primitives used by list-based controls.
ej2-navigations
Core navigation controls package for tabs, menu, and toolbar.
ej2-notifications
Core notification controls package (toast, message, and more).
ej2-popups
Core popup infrastructure package for dialog and tooltip systems.
ej2-splitbuttons
Core split and dropdown button implementation package.
@syncfusion/ej2-base- Docs - Figma - Storybook entry@syncfusion/ej2-data(DataManager, Query, adaptors) - Docs - Figma - Storybook entry@syncfusion/ej2-buttons- Docs - Figma - Storybook entry@syncfusion/ej2-calendars- Docs - Figma - Storybook entry@syncfusion/ej2-dropdowns- Docs - Figma - Storybook entry@syncfusion/ej2-icons- Docs - Figma - Storybook entry@syncfusion/ej2-inputs- Docs - Figma - Storybook entry@syncfusion/ej2-layouts- Docs - Figma - Storybook entry@syncfusion/ej2-lists- Docs - Figma - Storybook entry@syncfusion/ej2-navigations- Docs - Figma - Storybook entry@syncfusion/ej2-notifications- Docs - Figma - Storybook entry@syncfusion/ej2-popups- Docs - Figma - Storybook entry@syncfusion/ej2-splitbuttons- Docs - Figma - Storybook entry
Syncfusion Pure React Coverage Checklist
Based on the Syncfusion footer component list. Components already installable in this repo
are marked Done; missing package dependencies are marked
Pending dependency install. We also include app-observed components not in the
footer list (for example, Stepper) so docs stay aligned to real usage.
| Component | Package available in repo | Docs coverage | Storybook coverage | Status |
|---|---|---|---|---|
| Data Grid | Yes | Yes | Yes | Done |
| Charts | No | No | No | Pending dependency install |
| Context Menu | Yes | Yes (navigations) | Yes | Done |
| Toolbar | Yes | Yes | Yes | Done |
| Stepper (app usage) | Yes | Yes (navigations) | Yes | Done |
| Button | Yes | Yes | Yes | Done |
| ChipList | Yes | Yes (buttons) | Yes | Done |
| Chip | Yes | Yes (buttons) | Yes | Done |
| Dropdown Button | No | No | No | Pending dependency install |
| Floating Action Button | Yes | Yes (buttons) | Yes | Done |
| Radio Button | Yes | Yes (selection controls) | Yes | Done |
| Split Button | No | No | No | Pending dependency install |
| Checkbox | Yes | Yes (selection controls) | Yes | Done |
| Numeric Textbox | Yes | Yes (inputs) | Yes | Done |
| TextArea | Yes | Yes (inputs) | Yes | Done |
| TextBox | Yes | Yes | Yes | Done |
| Dialog | Yes | Yes | Yes | Done |
| ListView | Yes | Yes | Yes | Done |
| Tooltip | Yes | Yes | Yes | Done |
| Message | Yes | Yes (notifications) | Yes | Done |
| Skeleton | Yes | Yes (notifications) | Yes | Done |
| Toast | Yes | Yes (notifications) | Yes | Done |
| Scheduler | No | No | No | Pending dependency install |
| Calendar | Yes | Yes | Yes | Done |
| DatePicker | Yes | Yes | Yes | Done |
| DateRangePicker | Yes | Yes (calendars) | Yes | Done |
| DateTime Picker | Yes | Yes | Yes | Done |
| TimePicker | Yes | Yes (calendars group) | Yes | Done |
| Autocomplete | Yes | Yes (dropdowns group) | Yes | Done |
| ComboBox | Yes | Yes | Yes | Done |
| Dropdown List | Yes | Yes | Yes | Done |
| MultiSelect Dropdown | Yes | Yes | Yes | Done |
Notes For Designers and Developers
- The repo currently mixes Syncfusion versions (mostly
28.x, with some30.x/31.x). - Syncfusion license registration is already configured in app entry points and Storybook preview setup.
- For consistency, prefer reusing shared wrappers from:
packages/ubo-react-componentspackages/ubo-react-datagrid-extensionpackages/ubo-react-right-sidebar