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.