UI Components for Angular
npm install @bitclave/bitclave-uiA UI Grid could be assembled by simply adding the following three elements to a template:
The above example would create a 12 column grid with one row, containing a single column that spans all 12 columns of the grid.
This example would be compiled down to something very close to the following html
(nghost/ngcontent/ngreflect attributes removed for simplicity):
The user doesn't need to be concerned with adding all of the correct classes on non-descript container elements and,
the resulting html becomes self-documenting and easier to debug (errors are thrown at compile time instead of left to the user to
find their own typos inside of class names at runtime).
The layout row component also has a padding field which will add left and right padding to the row: