What does the component do?
It is part of the flip-card component.
When should the component be used?
- Only within the flip-card component.
| Number | Type | Description | Optional | Info |
|---|---|---|---|---|
| 1 | Component | sbb-flip-card-summary | No | |
| 1a | Component | sbb-title | No | |
| 1b | Component | sbb-image | No | |
| 1c | Component | sbb-secondary-button | No | Open-Action |
| 2 | Component | sbb-flip-card-details | No | |
| 2a | Text | Slot | No | |
| 2b | Component | sbb-link | Yes | |
| 2c | Component | sbb-secondary-button | No | 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. |