Sidamo is a collection of pure webcomponents
elements list:
- pure navigator bar
- navigator bar with arrow
- coming soon
online demo: https://momoko8443.github.io/sidamojs/dist/
npm install
npm run serve
npm install sidamojs
...
<script src="https://momoko8443.github.io/sidamojs/dist/sidamo.js"></script>
...
<body>
...
<serai-navigator-arrow id="navigatorArrow"></serai-navigator-arrow>
...
</body>
...
<script>
const navItems = [
{
title: 'aaaaaaaaaa'
},
{
title: 'bbbbb'
},
{
title: 'ccccccc'
},
{
title: 'dddddddddddd'
},
{
title: 'eeeeeeeeee'
},
{
title: 'ffffffff'
},
{
title: 'ggg'
},
{
title: 'hhhhhh'
}];
const navDOM = document.getElementById('navigatorArrow');
navDOM.source = navItems;
navDOM.addEventListener('itemclick', (e) => {
//alert(e.detail.title);
console.log(e.detail.title);
})
</script>
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
v0.0.1: new components: navigator bar
Owner: Huibin Zheng (momoko8443)
MIT