pw-butts

Have you ever been working on an angular app, misspelled a <button> tag and wished that <butt> was a real tag? Wish no more. pw-butts is an angular directive that fufills all your butt tag wishes.

Getting Started

npm

Like all legitimate libraries, pw-butts is available on npm

npm install pw-butts

github

If you'd rather not use npm, you can also clone this repo

git clone [e-mail]:philwade/pw-butts.git

Once you have the code, include it as a dependency in your angular app.

<script src="path/to/pw-butts/src/butts.js"></script>
<script>
    var yourApp = angular.module('demo', ['pw-butts']);
</script> 

Now you're ready to put some butts out there.

Basic Usage

The easiest way to get a butt going is just <butt></butt>

(_|_)

But we also support multiple butts... <butts></butts>

(_I_)(_I_)(_I_)

defaults to three, but takes a count attribute <butts count="5"></butts>

(_I_)(_I_)(_I_)(_I_)(_I_)

Through the type attribute, there are a few varieties available: <butt type="wide"></butt> (this works for both <butt> and <butts>)

(___|___)

Right now supported types are wide, doublewide, raunchy and gross.

Advanced Configuration

If the provided butts aren't enough for you, provides a configuration provider for setting them how you'd like globally.

app.config(['buttFactoryProvider', function(buttFactoryProvider) {
 
    // Set the default butt
    buttFactoryProvider.setButt('(_0_)');
 
    // Set your own named butt
    buttFactoryProvider.setButt('(_:)_)', 'smile');
 
    // setButt will also take an object to create new and override others
    buttFactoryProvider.setButt({
        wide: '[____|____]',
        cash: '(_$_)'
    });
}]);