Tailwind Resources Logo Tailwind Resources
Svelte Grid Extended screenshot

Svelte Grid Extended

Author Avatar Theme by Cuire
Updated: 26 Oct 2024
104 Stars

A draggable and resizable grid layout, for Svelte

Github Live Preview

Categories

Svelte Vite Daisyui

Overview

Svelte-Grid-Extended is a draggable and resizable grid layout package that serves as an extended version of svelte-grid.

Features

  • Draggable and resizable grid layout
  • Static grid layout when columns or rows are set, ignoring container size
  • Responsive grid that grows infinitely when columns or rows are set to 0
  • Styling options with classes passed to props
  • Ability to disable interactions with readOnly prop
  • Collision behavior options: none, push, compress
  • Customizable move and resize handle
  • API documentation available for easy reference

Installation

With NPM:

npm install svelte-grid-extended

With Yarn:

yarn add svelte-grid-extended

With pnpm:

pnpm add svelte-grid-extended

Summary

Svelte-Grid-Extended is a versatile grid layout package that offers essential features for creating draggable, resizable, and responsive grids. With options to customize collision behavior, disable interactions, and style the grid layout, this package provides a flexible solution for web developers working with grid-based layouts.