bc

bel-card

πŸ”• Two-sided card that switches sides on hover

Showing:

Popularity

Downloads/wk

1

GitHub Stars

0

Maintenance

Last Commit

4yrs ago

Contributors

0

Package

Dependencies

2

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

bel-card

Two-sided card that switches sides on hover

See demo

You can use bel-card as an NPM module

npm install bel-card
var card = require('bel-card')

var el = card({
  name      : 'Nina Breznik',      
  /* name and surname will be displayed on the front page of the card */                                                
  username  : 'ninabreznik',                                                        
  /*
    username field will be displayed under the name and surname
    and  also for linking to the social media profiles
    var twitter           = `https://twitter.com/${username}`
    var github            = `https://github.com/${username}`
    var codepen           = `https://codepen.io/${username}`
  */
  cardText  : `Teaching JavaScript @wizardamigos.com |     
              Community builder @codingamigos.com |
              Hacktivist @refugeeswork.com |
              Client stuff @fairydust.agency`,    
  /* card text will be displayed on the back of the hard (visible on hover)*/                           
  imageUrl  : 'https://nomadlist.com/assets/img/cities/phuket-thailand-500px.jpg'   
  /* link to the image, displayed as a profile on the front page of the card */
})

document.body.appendChild(el)

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100