https://github.com/bendera/handlebars-helper-placeholder

Holder.js inspired placeholder image helper for Handlebars
https://github.com/bendera/handlebars-helper-placeholder

handlebars handlebars-helper handlebars-helpers handlebars-js

Last synced: about 1 month ago
JSON representation

Holder.js inspired placeholder image helper for Handlebars

• Host: GitHub
• URL: https://github.com/bendera/handlebars-helper-placeholder
• Owner: bendera
• License: mit
• Created: 2016-11-30T21:13:54.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2016-12-02T23:21:58.000Z (almost 8 years ago)
• Last Synced: 2024-10-01T07:06:37.771Z (about 1 month ago)
• Topics: handlebars, handlebars-helper, handlebars-helpers, handlebars-js
• Language: JavaScript
• Homepage:
• Size: 8.79 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: license

Awesome Lists containing this project

README

        
# handlebars-helper-placeholder

Handlebars helper which generate an inline placeholder svg.

## Usage example

```



```

## 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](http://fractal.build)

```

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](http://assemble.io/)

Coming soon...