@stejnar/grid

Angular component library for resposible grid views

npm package:
https://www.npmjs.com/package/@stejnar/grid

Components

1. Grid

<grid width?>
@Input width: number (in %)

2. GridRow

<row width?>
@Input width: number (in %)

3. GridColumn

<column offset? span?>
@Input offset: number (# of columns skipped)
@Input span: number (# of columns to extend)

Usage

<grid>
    <row width="80">
        <column>1</column>
        <column>2</column>
        <column>3</column>
    </row>
    <row>
        <column>4</column>
    </row>
    <row>
        <column offset="3">5</column>
    </row>
    <row>
        <column offset="1">6</column>
        <column>7</column>
    </row>
</grid>