README

slugfield

Generate a slug for connected inputs.

Slug field

Usage

Dart

A simple usage example in Dart language:


import 'package:slugfield/slugfield.dart' show SlugField;

main() {
  var slug = new SlugField('#name');
  slug
    ..adaptTo('#slug1')
    ..adaptTo('#slug2')
    ..adaptTo('#slug3')
    ..adaptTo('#slug4')
    ..adaptTo('#slug5');
}

JavaScript

It can be used as a normal javascript library. See example in build/web directory of project:


<!DOCTYPE html><html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Dart slugfield example</title>

<script async="" src="slugfield.dart.js"></script>


<style>
.inline { 
  display: inline-block; 
  margin:10px;
}
</style>
</head>

<body>
<div class="inline">
  typing there -&gt; <input type="text" id="name">
</div>
<div class="inline">
  slug1: <input type="text" id="slug"> <br>
  slug2: <input type="text" id="slug2"><br>
  slug3: <input type="text" id="slug3"><br>
  slug4: <input type="text" id="slug4">
</div>

<script async="" type="text/javascript">
  window.onload = function() {
    dartSlugField("#name", ["#slug", "#slug2", "#slug3", "#slug4"]);
  }
</script>


</body></html>

Bower

$ bower install slugfield

npm

$ npm install slugfield

Features and bugs

Please file feature requests and bugs at the issue tracker.

Usage no npm install needed!