griddie v1.0.1

griddie

griddie is a very simple grid layout framework that works with IE11+ and evergreen browsers.

Getting Started

Installation

npm

# install with npm    
npm install griddie --save

Import the library

import { GridContainer, GridItem } from 'griddie';

Add to Vue components

export default {
    components: {
        GridContainer,
        GridItem
    },
    // data, methods, mounted (), etc...
}

Add to HTML template

  <template>
    <GridContainer>
        <GridItem></GridItem>
    </GridContainer>
  </template>

Documentation

GridContainer

• GridGap

  • type: Number

  • default: 0

    This is the gap between each grid item. The value should be a natural number.

• GridTemplate

  • type: Number

  • default: 1

    This will define how many GridItems are in the GridContainer. The value should be a natural number.

• isReactive

  • type: Boolean

  • default: true

    This will alert all GriItems that the browser window has been resized.

GridItem

• border

  • type: Boolean

  • default: false

    This will add a 1px solid black border around each GridItem.