hhp

handlebars-helper-placeholder

Holder.js inspired placeholder image helper for Handlebars

Showing:

Popularity

Downloads/wk

100

GitHub Stars

1

Maintenance

Last Commit

5yrs ago

Contributors

0

Package

Dependencies

1

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

handlebars-helper-placeholder

Handlebars helper which generate an inline placeholder svg.

Usage example

<img src="{{placeholder width='100' height='100'}}" width="100" height="100" alt="example image">

Options

  • width Image width. Default: 100%
  • height Image height. Default: 100%
  • bg Background color. Default: #dddddd
  • fg Foreground color. Default: #ffffff
  • font Font family. Dfeault: sans-serif
  • size Font size. Default: 14px
  • weight Font weight. Default: bold
  • text Custom text. Default: [width]x[height]

Installation

npm install handlebars-helper-placeholder --save

Usage with Fractal

const placeholder = require('handlebars-helper-placeholder');

const hbs = require('@frctl/handlebars')({
    helpers: {
        placeholder: placeholder
    }
});

fractal.components.engine(hbs);
fractal.docs.engine(hbs);

Usage with Assemble

Coming soon...

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
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial