Zum Inhalt springen
Handbuch wien.gv.at
Startseite wien.gv.at

Grid

Anwendungsbeispiele sind unter dem Pattern Card zu finden.

 Dev

Interaktive Demo

Vorschau

Parkpickerl im grünen Prater

Seit 4. Juli gelten im Prater die flächendeckende Kurzparkzone und das Parkpickerl für Bezirks-Bewohner*innen.

Parkpickerl im grünen Prater

Seit 4. Juli gelten im Prater die flächendeckende Kurzparkzone und das Parkpickerl für Bezirks-Bewohner*innen.

Parkpickerl im grünen Prater

Seit 4. Juli gelten im Prater die flächendeckende Kurzparkzone und das Parkpickerl für Bezirks-Bewohner*innen.

Parkpickerl im grünen Prater

Seit 4. Juli gelten im Prater die flächendeckende Kurzparkzone und das Parkpickerl für Bezirks-Bewohner*innen.

 Code 
<wm-grid  data-demo-pattern="wm-grid-preview">
  <wm-card>
    <h2 slot="heading">
      Parkpickerl im grünen Prater
    </h2>

    <div slot="content">
      <p>Seit 4. Juli gelten im Prater die <a href="#">flächendeckende Kurzparkzone</a> und das Parkpickerl für Bezirks-Bewohner*innen.</p>
    </div>

    <img slot="media" src="/images/pattern/cards/parkpickerl-prater.jpg" width="350" height="197" alt="">
  </wm-card>
  <wm-card>
    <h2 slot="heading">
      Parkpickerl im grünen Prater
    </h2>

    <div slot="content">
      <p>Seit 4. Juli gelten im Prater die <a href="#">flächendeckende Kurzparkzone</a> und das Parkpickerl für Bezirks-Bewohner*innen.</p>
    </div>

    <img slot="media" src="/images/pattern/cards/parkpickerl-prater.jpg" width="350" height="197" alt="">
  </wm-card>
  <wm-card>
    <h2 slot="heading">
      Parkpickerl im grünen Prater
    </h2>

    <div slot="content">
      <p>Seit 4. Juli gelten im Prater die <a href="#">flächendeckende Kurzparkzone</a> und das Parkpickerl für Bezirks-Bewohner*innen.</p>
    </div>

    <img slot="media" src="/images/pattern/cards/parkpickerl-prater.jpg" width="350" height="197" alt="">
  </wm-card>
  <wm-card>
    <h2 slot="heading">
      Parkpickerl im grünen Prater
    </h2>
    <!-- <wm-image slot="media" src="/images/pattern/cards/parkpickerl-prater.jpg" width="350" height="197"></wm-image> -->

    <div slot="content">
      <p>Seit 4. Juli gelten im Prater die <a href="#">flächendeckende Kurzparkzone</a> und das Parkpickerl für Bezirks-Bewohner*innen.</p>
    </div>

    <img slot="media" src="/images/pattern/cards/parkpickerl-prater.jpg" width="350" height="197" alt="">
  </wm-card>
</wm-grid>
API

Abhängigkeiten

HTML 
<script src="https://assets.wien.gv.at/theme/latest/js/components/Grid/Grid.js" type="module"></script>
 JavaScript 
import { Grid } from './wienermelange/assets/js/components/Grid/Grid.js';

Eigenschaften

Eigenschaften
Eigenschaft Beschreibung Werte Default
gap Abstand zwischen Elementen 'xs'|'s'|'m'|'l' "xs"
size Größe der Elemente - Cards 's'|'m'|'l'|'full' "m"

Slots

Name Beschreibung
Cards

CSS API

Property Beschreibung
--grid-spacing Abstand

Kontakt

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

handbuch@ma53.wien.gv.at