The tool helps users to merge any adjacent tiles in a grid list so that they can create customized views as they want. Once they customize the view, they can place whatever the content they would like, like images, videos, and livestreams into each tile. That experience is just WOW.
Live at https://ng-grid-list.netlify.app/
-
Angular 10
-
NgRx
-
Angular Material
The functionality is pretty much similar to merge
in Excel
.
- Generate a grid list using
Generate
button from the toolbar
- Select adjacent cells holding on
meta
key
(Note: On Macintosh keyboards, this key is the command key (⌘). On Windows keyboards, this key is the Windows key (⊞))
-
Once
Merge
button is enabled, merge selected cells -
Keep merging cells until you find a good-looking view