Skip to content

Latest commit

 

History

History
60 lines (41 loc) · 1.58 KB

README.md

File metadata and controls

60 lines (41 loc) · 1.58 KB

Phoenix Slider

Die Komponente stellt einen Mithril-Wrapper für den Slider "Swiper" zur Verfügung. Diesem werden letztendlich nur noch eine Reihe von Mithril-Komponenten ü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/mithrils/slider/

Anwendung

Mithril wird benötigt.

npm install --save @phoenixreisen/mithrils
import Slider from '@phoenixreisen/mithrils/src/slider';
import m from 'mithril';

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

const Page: m.Component<{}> = {
    view({state}) {
        return ([
            m(Slider, {
                name: 'slider-1',
                slides: [ Slide, Slide, Slide ]
            }),
        ]);
    },
};

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

Github Page

Mit folgendem Befehl werden alle Demos in den Ordner ../../docs gebaut. Dieser Ordner wird von Github zur Bereitstellung der Demos bzw. Github Pages genutzt.

Möchte man zum Entwickeln nur bestimmte Demos bauen, kann man in der rollup.config.js nicht benötigte Demos auskommentieren, sollte sie vor dem push aber wieder einkommentieren.

npm run compile:demos

Test

[npm install]
npm run test

Deployment

Deployed & published wird immer die ganze Sammlung. Siehe hier.