Skip to content

Latest commit

 

History

History
78 lines (54 loc) · 2.08 KB

README.md

File metadata and controls

78 lines (54 loc) · 2.08 KB
Raw

Phoenix Banners

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.

Demo

http://design-system.phoenixreisen.net/section-200.html

Installation

Mithril wird benötigt.

npm install --save @phoenixreisen/mithrils

Anwendung

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';

Aufruf

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
/>

Kompilat Demo für 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.