@feedier/feedier-report-grid-system

1,075
Install
npm install @feedier/feedier-report-grid-system
Latest Version:1.0.3
Vue:3
License:MIT
Last Updated:Dec 2, 2023
Links: npm
Maintainer: thomas_feedier

Feedier Report - Grid System

What is Feedier Report Grid system?

Based on Grid Layout Plus Grid Layout plus.

The Feedier version implements more customizable elements to order grid elements and adds a debug mode to improve our Feedier report page.

We limit elements to a predefined layout, to avoid grid extension and improve element switching.

Features

Default feature

  • Draggable widgets
  • Resizable widgets
  • Static widgets
  • Bounds checking for dragging and resizing
  • Widgets may be added or removed without rebuilding grid
  • Layout can be serialized and restored
  • Automatic RTL support
  • Responsive

Feedier feature

  • Switching items between them

Documentation

Check out the online documentation here.

How to run in dev

cd dev-server

npm i

npm run serve

Debug

In src/style.scss line 22

Uncomment .vgl-layout::before and :deep(.vgl-item:not(.vgl-item--placeholder)) to display the grid

License

All in MIT license.

Related Packages

cax-ui

UI for industrial software

432
vexip-ui

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty...

131,674 1,886
@extclp/vexip-ui

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty...

6,912 1,886
@vexip-ui/nuxt

Nuxt module for Vexip UI

1,319 37

Version History

Version Released Vue License
1.0.3 ^3.0.0 MIT
1.0.2 ^3.0.0 MIT
1.0.1 ^3.0.0 MIT