Phoenix Slider "Swiper"

Die Komponente stellt einen Mithril-Wrapper für den Slider "Swiper" zur Verfügung. Diesem werden letztendlich nur noch eine Reihe von Mithril-Komponenten sowie der State der aufrufenden Komponente übergeben. Der Rest ist vorkonfiguriert. Die Styles kommen aus dem Design-System.

Die Komponente ist Teil des Phoenix Reisen Design-Systems.

Demo

https://phoenixreisen.github.io/swiper/

Anwendung

Mithril wird benötigt.

npm install --save @phoenixreisen/swiper

import Slider from '@phoenixreisen/swiper';
import m from 'mithril';

// Slide-Content Beispiel
const Slide = m("article", {"class":"slide"}, "Slide Content");

const Page: m.Component<{}> = {
    view({state}) {
        return ([
            m(Slider, {
                parentState: state,
                slides: [Slide, Slide, Slide]
            }),
        ]);
    },
};

m.mount(document.querySelector('.example-app'), Page);

Test

[npm install]

npm run test

Deployment

[npm install]                       # Ahängigkeiten installieren
npm version [major|minor|patch]     # increase version x.x.x => major.minor.patch
npm publish                         # upload to npm
git push