syncfusion-vue-layouts
Installation
SKILL.md
Implementing Syncfusion Vue 3 Layouts
The Syncfusion Vue 3 Layout components provide a suite of UI building blocks for organizing content, data, and interactive panels in Vue 3 applications. This unified package covers five complementary components: Card for content containers, DashboardLayout for customizable panel grids, ListView for interactive lists, Splitter for resizable panes, and Timeline for chronological event displays. All examples use the Vue 3 Composition API with <script setup> SFCs.
Package Installation
Most layout components ship from the @syncfusion/ej2-vue-layouts package. The Card component uses @syncfusion/ej2-vue-layouts (CSS only). The ListView component uses @syncfusion/ej2-vue-lists.
# Card, Dashboard Layout, Splitter, Timeline
npm install @syncfusion/ej2-vue-layouts
# ListView
npm install @syncfusion/ej2-vue-lists @syncfusion/ej2-data