Grid Layout Complete feature index

This catalog covers every feature in the current release inventory. Search by feature or API and follow the related guides and Playground routes.

comins-grid-layout@0.3.023

published features

Find on this page

Basic

widget/basic

Related API

DashboardWidgetDashboardWidgetShell

Guides

01-quick-start

Playground

/examples/widget/basic

Source

example/src/playground/routes.ts

Add / Delete All / Reset

widget/manage

Related API

addDashboardWidgetremoveDashboardWidgetclearDashboardWidgets

Guides

02-controlled-state-and-crud

Playground

/examples/widget/manage

Source

example/src/playground/routes.ts

Events

widget/events

Related API

DashboardWidgetInteractionEventDashboardWidgetResizeFrameEvent

Guides

03-widget-interactions-and-actions10-events-and-content-resize

Playground

/examples/widget/events

Source

example/src/playground/routes.ts

Basic

layout/basic

Related API

useDashboardGridDashboardGridProps

Guides

01-quick-start

Playground

/examples/layout/basic

Source

example/src/playground/routes.ts

Lock / Unlock

layout/lock

Related API

DashboardInteractionOptionsDashboardGridCommands

Guides

03-widget-interactions-and-actions

Playground

/examples/layout/lock

Source

example/src/playground/routes.ts

Save / Load

layout/persistence

Related API

serializeDashboardLayoutapplyDashboardLayoutSnapshot

Guides

05-persistence

Playground

/examples/layout/persistence

Source

example/src/playground/routes.ts

Auto Arrange / Fill Gaps

layout/arrange

Related API

autoArrangeDashboardWidgetsDashboardGridCommands

Guides

04-columns-arrange-and-reset

Playground

/examples/layout/arrange

Source

example/src/playground/routes.ts

Layout Events

layout/events

Related API

DashboardLayoutMutationEventDashboardGridHandle

Guides

10-events-and-content-resize

Playground

/examples/layout/events

Source

example/src/playground/routes.ts

Cell Height

advanced/cell-height

Related API

DashboardGridEngineOptions

Guides

11-engine-options

Playground

/examples/advanced/cell-height

Source

example/src/playground/routes.ts

Grid Lines

advanced/grid-lines

Related API

DashboardGridProps

Guides

13-styling-accessibility-and-boundaries

Playground

/examples/advanced/grid-lines

Source

example/src/playground/routes.ts

Float

advanced/float

Related API

DashboardGridEngineOptions

Guides

11-engine-options

Playground

/examples/advanced/float

Source

example/src/playground/routes.ts

Lazy Content Rendering

advanced/lazy-load

Related API

DashboardWidgetShellProps

Guides

09-lazy-rendering

Playground

/examples/advanced/lazy-load

Source

example/src/playground/routes.ts

Mobile Touch

advanced/mobile-touch

Related API

DashboardInteractionOptionsDashboardDragOptions

Guides

13-styling-accessibility-and-boundaries

Playground

/examples/advanced/mobile-touch

Source

example/src/playground/routes.ts

Nested Grid - Composition

advanced/nested/basic

Related API

DashboardGridPropsDashboardWidget

Guides

12-advanced-gridstack-access

Playground

/examples/advanced/nested/basic

Source

example/src/playground/routes.ts

Responsive

advanced/responsive

Related API

DashboardResponsiveOptionsDashboardLayoutsByColumn

Guides

06-responsive-layouts

Playground

/examples/advanced/responsive

Source

example/src/playground/routes.ts

RTL

advanced/rtl

Related API

DashboardGridEngineOptions

Guides

13-styling-accessibility-and-boundaries

Playground

/examples/advanced/rtl

Source

example/src/playground/routes.ts

Size To Content

advanced/size-to-content

Related API

DashboardGridEngineOptionsDashboardWidgetLayout

Guides

10-events-and-content-resize

Playground

/examples/advanced/size-to-content

Source

example/src/playground/routes.ts

Title Drag Handle

advanced/title-drag

Related API

DashboardWidgetShellProps

Guides

03-widget-interactions-and-actions

Playground

/examples/advanced/title-drag

Source

example/src/playground/routes.ts

Transform

advanced/transform

Related API

DashboardGridProps

Guides

13-styling-accessibility-and-boundaries

Playground

/examples/advanced/transform

Source

example/src/playground/routes.ts

External Drop - Trash Delete

advanced/external-drop-trash

Related API

useDashboardDragInDashboardExternalDropTarget

Guides

07-external-drop-targets

Playground

/examples/advanced/external-drop-trash

Source

example/src/playground/routes.ts

Multiple Grid Transfer

advanced/multi-grid/horizontal

Related API

transferDashboardWidgetDashboardWidgetTransferInput

Guides

08-palette-and-grid-transfer

Playground

/examples/advanced/multi-grid/horizontal

Source

example/src/playground/routes.ts

Safe Public Handlers / Methods

advanced/public-api

Related API

DashboardGridHandleDashboardGridCommands

Guides

12-advanced-gridstack-access

Playground

/examples/advanced/public-api

Source

example/src/playground/routes.ts

Dynamic Widget Size

widget/resize

Related API

resizeDashboardWidgetDashboardGridCommandsresizeWidget

Guides

03-widget-interactions-and-actions

Playground

/examples/widget/resize

Source

example/src/playground/routes.ts

Changes in this release — 0.3.0

Added framework-neutral /core, explicit /react and Vue 3 CSR /vue entries. resizeWidget and resizeDashboardWidget set W/H and restore pre-resize geometry. Title double-click fills the row by default; notification-only consumers set titleDoubleClickAction=“none”. Maximize/minimize remain deprecated compatibility APIs with default buttons removed. Nuxt/SSR, Vanilla/Svelte renderers and mixed-framework transfers are unsupported.

Core / Vue 3 · Vue runnable example