A Flippable "card" based on Paul Lewis' UI Experiment
- Install bower per their instructions, such as via:
npm install -g bower
- Using bower install the package to your project
cd $YOUR_PROJECT_DIR bower install diddledan/flippy-card
You will now find a folder called bower_components in your project root which contains the webcomponents polyfill, and the validate-string element files along with any dependencies required.
<flippy-card id="thecard" axis="Y" current-side='front'>
<div slot="front">
This is the Front
<paper-button onclick='flipit'>FLIP IT!</paper-button>
</div>
<div slot="back">
This is the Back<br/>MoreContent<br/>Expando Divboxus!
<paper-button onclick='flipit'>Flip it again, Sam!</paper-button>
</div>
</flippy-card>
<script type="javascript">
function flipit() {
document.getElementById('thecard').flip();
}
</script>
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
MIT License
See the LICENSE
file in the root folder of this package.