0.1.20 • Published 9 years ago

angular-columnify v0.1.20

Weekly downloads
3
License
MIT
Repository
github
Last release
9 years ago

angular-columnify

Angular directive that creates balanced columns

Usage

  1. Add hj.columnify to your app dependencies

  2. Add .column style declaration to your css

    .column {
        float: left;
        width: 50%; /* 50% for two columns, 33.33% for three etc */
    }
  1. Add hj-columnify directive to your template, it works just like ng-repeat
    <div hj-columnify="item in items">

        <div class="box" data-index="{{$index + 1}}">

            Content goes here

        </div>

    </div>

Installation

npm i -S angular-columnify

Demo

http://homerjam.github.io/angular-columnify/

0.1.20

9 years ago

0.1.19

9 years ago

0.1.18

9 years ago

0.1.17

9 years ago

0.1.16

9 years ago

0.1.15

9 years ago

0.1.14

9 years ago

0.1.13

9 years ago

0.1.12

10 years ago

0.1.11

10 years ago

0.1.10

10 years ago

0.1.9

10 years ago

0.1.8

10 years ago

0.1.7

10 years ago

0.1.6

10 years ago

0.1.5

10 years ago

0.1.4

10 years ago

0.1.3

10 years ago