An open API service indexing awesome lists of open source software.

https://github.com/nkovacic/angular-responsive

AngularJS directive that shows/hides content depending on the provided breakpoints. Features also a expressive service for fine tuning your responsive design.
https://github.com/nkovacic/angular-responsive

Last synced: 3 months ago
JSON representation

AngularJS directive that shows/hides content depending on the provided breakpoints. Features also a expressive service for fine tuning your responsive design.

Awesome Lists containing this project

README

        

# Angular Responsive

[![License](http://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](http://www.opensource.org/licenses/MIT)
[![NPM Release](https://img.shields.io/npm/v/angular-responsive.svg?style=flat-square)](https://www.npmjs.org/package/angular-responsive)
[![NPM Monthly Downloads](https://img.shields.io/npm/dm/angular-responsive.svg?style=flat-square)](https://www.npmjs.org/package/angular-responsive)

## Requirements

1. `AngularJS` ≥ `1.5.x`

### Where to get it

**Via NPM:**

Run `npm install angular-responsive` from the command line.
Include script tags similar to the following:
```html

```
Install using commonjs (eg componentjs, Webpack, Browserify):
```
angular.module('myModule', [require('angular-responsive')]);
```

**Via Github**

Download the code from [https://github.com/nkovacic/angular-responsive/releases/latest](https://github.com/nkovacic/angular-responsive/releases/latest), unzip the files then add script tags similar to the following:
```html

```

### Usage

3. Include `angular-responsive.min.js`
4. Add a dependency to `angular-responsive` in your app module, for example: ```angular.module('myModule', ['nk.responsive'])```.
5. Add the attribute `responsive-if` to your element. It can have selected number value:
```html


```