diff --git a/demo/index.html b/demo/index.html index 9cd9ed3e7..ec81f6338 100644 --- a/demo/index.html +++ b/demo/index.html @@ -38,6 +38,7 @@

Demos

  • Vue3: Gridstack Controls Vue Rendering Grid Item Content
  • Vue3: Gridstack Controls Vue Rendering Grid Item
  • Vue3 with v-for
  • +
  • Vue3: Render GridStack item content using GridStack.renderCB
  • Web Component
  • Website demo 1
  • Website demo 2
  • diff --git a/demo/vue3js_dynamic-modern-renderCB.html b/demo/vue3js_dynamic-modern-renderCB.html new file mode 100644 index 000000000..8fc0e628e --- /dev/null +++ b/demo/vue3js_dynamic-modern-renderCB.html @@ -0,0 +1,157 @@ + + + + + + + Vue3 Gridstack: Gridstack DOM with Vue Rendering + + + + + +
    + Back to All Demos +

    Vue3: Gridstack Controls Vue Rendering Grid Items

    +

    + Use Vue3 render functions with GridStack.renderCB
    + GridStack handles widget creation and Vue handles rendering the content using the modern (since V11) GridStack.renderCB. +

    +

    + Helpful Resources: +

    +

    + {{ info }} +
    +
    + + + + \ No newline at end of file