Riot-md-radio NPM

riot-md-radio

Material Design animated Radio input, for Riot.js

md-radio

Installation

bower install riot-md-radio

npm install riot-md-radio

Usage

<md-radio
	label="Radio Label 1" input="group[]" check="true">
</md-radio>

<md-radio
	label="Radio Label 2" input="group[]">
</md-radio>

Bower

With Bower, you have access to the pre-compiled and non-compiled files.

Pre-compiled:

<!-- mount point -->
<md-radio></md-radio>

<!-- include riot.js only -->
<script src="//cdn.jsdelivr.net/riot/2.3/riot.min.js"></script>
<!-- include the precompiled js file -->
<script src="bower_components/riot-md-radio/md-radio.js"></script>
<!-- standard `mount()` -->
<script>
  riot.mount('*');
</script>

In-browser Compilation:

<!-- mount point -->
<md-radio></md-radio>

<!-- include source tag -->
<script src="bower_components/riot-md-radio/md-radio.tag" type="riot/tag"></script>
<!-- include riot.js and the compiler -->
<script src="//cdn.jsdelivr.net/riot/2.3/riot+compiler.min.js"></script>
<!-- standard `mount()` -->
<script>
  riot.mount('*');
</script>

NPM

A pre-compiled version, including styles, is exported as the NPM module. This means you may require() the module directly.

// templates.js (example file)
var riot = require('riot');

require('riot-md-radio');

riot.mount('*');

Note: You do not need to require riot within the same file. However, riot must be loaded and accessible before your template file(s) -- a simple global will work.