angular-snippets/README.md

AngularJS directives to display source code with tabs and syntax highlighter (prism)

# angular-snippets

[![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url]

## About

Angular directives to display code.
 
- Use [Prism](http://prismjs.com/) syntax highlighter
- Fully configurable by themes
- Load file from attribute list or using JSON manifest

If you like this plugin give it a thumbs up at [ngmodules](http://ngmodules.org/modules/angular-snippets) or get me a [beer](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WCUX27CFV79S2).


## Documentation

[Project page](http://jbdemonte.github.io/angular-snippets/)

## Examples

### Using file list in attribute and bootstrap-tabs theme 

    <snippets path="snippets/demo" files="['index.html', 'app.js', 'missing.css']"></snippets>

![screenshot](assets/screenshot.png)


### Using manifest and bootstrap-buttons theme 

    <snippets path="snippets/demo1/">
      <snippets-pane snippet="{name: 'Explain', selected: true, cls:'pull-right', icon: 'glyphicon glyphicon-file'}">
        <div class="custom">
          ...
        </div>
      </snippets-pane>
    </snippets>

![screenshot](assets/screenshot2.png)

# Legal

The source for angular-snippets is released under the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

[npm-url]: https://npmjs.org/package/angular-snippets
[npm-image]: https://badge.fury.io/js/angular-snippets.png

[travis-url]: http://travis-ci.org/jbdemonte/angular-snippets
[travis-image]: https://secure.travis-ci.org/jbdemonte/angular-snippets.png?branch=master