Generate a slug for connected inputs.
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');
}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 -> <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 install slugfield$ npm install slugfieldPlease file feature requests and bugs at the issue tracker.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent