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
[](http://www.opensource.org/licenses/MIT)
[](https://www.npmjs.org/package/angular-responsive)
[](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
```