Mithril Implementierungen diverser Banner. Styles kommen aus dem Design System.
- Link Banner
- Social Media Share Banner
Die Komponente ist Teil des Phoenix Reisen Design-Systems.
http://design-system.phoenixreisen.net/section-200.html
Mithril wird benötigt.
npm install --save @phoenixreisen/mithrils
import Linkbanner from '@phoenixreisen/mithrils/banners/link.r';
import Sharebanner from '@phoenixreisen/mithrils/banners/share.r';
// Import aller vorhandenen Banner
// (nur zu empfehlen, wenn auch alle benutzt werden)
import * as Banners from '@phoenixreisen/mithrils/banners';
Sharebanner Vorschau
<Sharebanner
noBackground="true"
headline="Hallo, I bims, der Share Banner."
mailsubject="Ich stehe im Emailbetreff!"
urltext="Ich bin der Text vor der Url, wenn ich geshared werde."
url="https://phoenixreisen.com"
hashtags="phx, reisen, kreuzfahrt"
appname="Phoenix Kabinenpräsente"
/>
Linkbanner Vorschau
<Linkbanner
text="Immer über die besten Reisen auf dem Laufenden bleiben!" //optional
url="https://www.phoenixreisen.com" //pflicht
urltext="Jetzt abonnieren" //pflicht
/>
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
[npm install]
npm run test
Deployed & published wird immer die ganze Sammlung. Siehe hier.