Was macht die Komponente?
Sie ist Teil der Dialog-Komponente.
Wann soll die Komponente eingesetzt werden?
- Nur innerhalb der Dialog-Komponente.
| Nummer | Typ | Beschreibung | Optional | Hinweis |
|---|---|---|---|---|
| 1 | Komponente | sbb-dialog-title | Nein | |
| 2 | Komponente | sbb-dialog-close-button | Ja | Close-Action |
| 2 | Slot | Beliebiger Inhalt erlaubt | Nein | |
| 4 | Komponente | sbb-dialog-actions | Ja | |
| 4a | Komponente | sbb-secondary-button | Ja | Auch Block-Links sind erlaubt |
| 4b | Komponente | sbb-button | Ja | Auch Block-Links sind erlaubt |
The sbb-dialog-title component extends the sbb-title component.
Use it in combination with the sbb-dialog to display a header in the dialog.
<sbb-dialog>
<sbb-dialog-title>A describing title of the dialog</sbb-dialog-title>
</sbb-dialog>
States
The title can have a negative state which is automatically synchronized with the negative state of the dialog.
Style
In scenarios where the visual representation needs to be different from the semantic meaning of the title level,
it is possible to use the visualLevel property (default value: 4).
Properties
| Name | Attribute | Privacy | Type | Default | Description |
|---|---|---|---|---|---|
level | level | public | SbbTitleLevel | '2' | Title level |
negative | negative | public | boolean | false | Negative coloring variant flag. |
visualLevel | visual-level | public | SbbTitleLevel | null | '4' | Visual level for the title. |
Slots
| Name | Description |
|---|---|
| Use the unnamed slot for the content of the dialog-title. |