You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
HerrHase 29567b6d69
1 year ago
example adding 1 year ago
src adding 1 year ago
.gitignore Initial commit 1 year ago
LICENSE adding 1 year ago adding 1 year ago
package-lock.json adding 1 year ago
package.json adding 1 year ago
webpack.mix.js adding 1 year ago

Tiny Components - Slider

Created with Riot.js

Using Styles for UI from Plain-UI, Swipe is handle by HammerJS



Setup this registry in your project .npmrc file:


Install with npm or yarn

npm i --save @tiny-components/slider
yarn add @tiny-components/slider



<script defer>
    window.addEventListener('DOMContentLoaded', (event) => {
        riot.mount('tiny-slider', {
            'slides': [{
                'title': 'keel topgallant belay spirits',
                'content': 'Knave Cat o\'nine tails pirate Sink me me coffer to go on account take a caulk sloop fire in the hole. List clap of thunder parrel dance the hempen jig bilge water Brethren of the Coast Sail'
            }, {
                'title': 'Jack Ketch take a caulk',
                'content': 'parley lass. Heave down belaying pin Pirate Round Shiver me timbers heave to mutiny pirate jury mast Jolly Roger ye. Tender bilge draft sloop take a caulk crow\'s nest prow grog blossom holystone trysail.'


Extends your Component with mixin.js.

    <div class="your-slider">
        // your markup


        // mixin
        import sliderMixin from '@tiny-components/slider/src/mixin.js'

        export default () => {
            return {