bespoke-hash
v1.1.0
Published
Hash routing for Bespoke.js
Downloads
319
Keywords
Readme
bespoke-hash
Hash Routing for Bespoke.js
Download
Download the production version or the development version, or use a package manager.
Usage
This plugin is shipped in a UMD format, meaning that it is available as a CommonJS/AMD module or browser global.
For example, when using CommonJS modules:
var bespoke = require('bespoke'),
hash = require('bespoke-hash');
bespoke.from('article', [
hash()
]);
When using browser globals:
bespoke.from('article', [
bespoke.plugins.hash()
]);
Starting from #1
, all routes are numbered by default.
Named Routes
If you'd like to use named hash routes instead, add data-bespoke-hash
attributes to your slide markup.
<article>
<section data-bespoke-hash="catchy-title"></section>
<section data-bespoke-hash="shameless-plug"></section>
<section data-bespoke-hash="controversial-statement"></section>
<section data-bespoke-hash="explanation-of-controversial-statement"></section>
<section data-bespoke-hash="shameless-self-promotion"></section>
</article>
Alternatively, you can specify the value using id
attributes in your slide markup.
<article>
<section id="catchy-title"></section>
<section id="shameless-plug"></section>
<section id="controversial-statement"></section>
<section id="explanation-of-controversial-statement"></section>
<section id="shameless-self-promotion"></section>
</article>
If both the data-bespoke-hash
and id
attributes are used, data-bespoke-hash
wins. When looking for a match, the plugin consults the data-bespoke-hash
attribute on a slide first, then the id
attribute.
Package managers
npm
$ npm install bespoke-hash
Bower
$ bower install bespoke-hash
Credits
This plugin was built with generator-bespokeplugin.