Aurelia wrappers for gridstack
``
npm i gridstack aurelia-gridstack aurelia-typed-observable-plugin tslib --save
`typescript`
// main.ts
export function configure(aurelia: Aurelia) {
aurelia.use.plugin(PLATFORM.moduleName("aurelia-gridstack"));
// the rest of your configuration...
}
`html
Item1
Item2
Item3
Or with bindings
Item ${$index + 1}
x: ${i.x}
y: ${i.y}
w: ${i.w}
h: ${i.h}
`
`ts`
items = [
{ x: 0, y: 0, w: 2, h: 1 },
{ x: 1, y: 1, w: 2, h: 2 },
{ x: 3, y: 2, w: 1, h: 2 }
];
You can lock a grid by setting static on the grid-stack component:
`html``
If you feel that something is missing please submit an issue or better yet a PR.