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.

• Host: GitHub
• URL: https://github.com/nkovacic/angular-responsive
• Owner: nkovacic
• License: mit
• Created: 2018-04-08T12:02:55.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2020-07-30T17:44:06.000Z (almost 5 years ago)
• Last Synced: 2025-02-18T20:14:14.641Z (4 months ago)
• Language: TypeScript
• Size: 28.3 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

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



```