Tourismuszeile

Hervorgehobener Hinweis über dem Header auf die Website von Wien Tourismus

Varianten

Startseite wien.gv.at

Link

Code

<wm-tourismuszeile url="https://www.wien.info/de">
  <span slot="heading">Zu Gast in Wien?</span>
  <span slot="content">
    Wichtige Tipps & Infos finden Sie auf
    <strong><u>wien.info</u></strong>
  </span>
</wm-tourismuszeile>

API

Abhängigkeiten

HTML

<script src="https://assets.wien.gv.at/theme/latest/js/components/Tourismuszeile/Tourismuszeile.js" type="module"></script>

JavaScript

import { Tourismuszeile } from './wienermelange/assets/js/components/Tourismuszeile/Tourismuszeile.js';

Eigenschaften

Eigenschaften
Eigenschaft	Beschreibung	Werte	Default
`hidden`	Sichtbarkeit des Banners	`Boolean`	leer
`url`	Bannerverlinkung	`String`	leer

Slots

Name	Beschreibung
`heading`	Catchphrase - maximal 20 Zeichen
`content`	Kurzbeschreibung - maximal 40 Zeichen

CSS API

Property	Beschreibung
`--tourismuszeile-bannerheight`	Höhe des Banners
`--tourismuszeile-background-color`	Hintergrundfarbe
`--tourismuszeile-font-color`	Schriftfarbe

Kontakt

Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht bietet?

handbuch@ma53.wien.gv.at