Was macht die Komponente?
Sie ist Teil der Flip-Card-Komponente.
Wann soll die Komponente eingesetzt werden?
- Nur innerhalb der Flip-Card-Komponente.
| Nummer | Typ | Beschreibung | Optional | Hinweis |
|---|---|---|---|---|
| 1 | Komponente | sbb-flip-card-summary | Nein | |
| 1a | Komponente | sbb-title | Nein | |
| 1b | Komponente | sbb-image | Nein | |
| 1c | Komponente | sbb-secondary-button | Nein | Open-Action |
| 2 | Komponente | sbb-flip-card-details | Nein | |
| 2a | Text | Slot | Nein | |
| 2b | Komponente | sbb-link | Ja | |
| 2c | Komponente | sbb-secondary-button | Nein | Close-Action |
The sbb-flip-card-details, when used inside a sbb-flip-card, will show its contents when the card is flipped.
The component's slot is implicitly set to "details".
<sbb-flip-card>
<sbb-flip-card-details>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat ipsum rhoncus viverra
dapibus. Aenean id nibh ac tortor elementum vestibulum eu vitae dui. Integer tellus ex, bibendum
eget purus id, pellentesque interdum tortor. Sed bibendum neque nisi, ac egestas magna consequat
eu.
<sbb-link href="https://www.sbb.ch" negative>Link</sbb-link>
</sbb-flip-card-details>
</sbb-flip-card>
Slots
| Name | Description |
|---|---|
| Use the unnamed slot to provide any kind of content. |