Sticker
Verwendung
- Sticker können auf einem Bild, neben Text stehen.
- Sticker sind ein rein visuelles Element und nicht interaktiv.
- Sie sollten immer im Kontext zu einem anderen Inhalt stehen.
- Besondere Kennzeichnung von Bildern, Texten oder Produkten.
Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
name | string | undefined | Name of Sticker Definition (Primary, Secondary, Tertiary, Integrated or Inverted) |
label | string | undefined | Label of Sticker representation of sticker elements |
icon | string | undefined | Icon IN Sticker |
style | string | undefined | Additional css styles |
Beispiele
Standard Farben
Info! Die folgenden Sticker dürfen nicht auf den gleichnamigen Hintergrund platziert werden:
- Primary Sticker auf Primary Background
- Secondary Sticker auf Secondary Background
- Contrast Sticker auf Contrast Background
Label
Label
Label
Label
Label
Label
Highlight Farben
Info! Ein Sticker in Bosch Blue wird nicht angeboten, um eine Verwechslung mit dem Primary Button zu verhindern.
Label
Label
Label
Label
Label
Label
Do's and Don'ts
Do
Don't
Sticker können im Product Teaser eingesetzt werden.
Sticker können nicht frei auf dem Product Teaser platziert werden.
Don't
Sticker haben keine Funktion und können nicht als Button oder Link verwendet werden.