Dialog-Actions

Info

Was macht die Komponente?

Sie ist Teil der Dialog-Komponente.

Wann soll die Komponente eingesetzt werden?

Nur innerhalb der Dialog-Komponente.

Übergeordnete Komponenten

Dialog

Anatomie

Nummer	Typ	Beschreibung	Optional	Hinweis
1	Komponente	`sbb-dialog-title`	Nein
1a	Komponente	`sbb-secondary-button`	Ja	Back-Button
1b	Komponente	`sbb-secondary-button`	Nein
1c	Komponente	`sbb-secondary-button`	Ja	Close-Action
2	Komponente	`sbb-title`	Nein
2a	Slot	Beliebiger Inhalt erlaubt	Nein
3	Komponente	`sbb-dialog-actions`	Ja
3a	Komponente	`sbb-secondary-button`	Ja	Auch Block-Links sind erlaubt
3b	Komponente	`sbb-button`	Ja	Auch Block-Links sind erlaubt

Implementation

The sbb-dialog-actions component extends the sbb-action-group component. Use it in combination with the sbb-dialog to display a footer with an action group.

<sbb-dialog>
  <sbb-dialog-actions>
    <sbb-block-link sbb-dialog-close>Link</sbb-block-link>
    <sbb-secondary-button sbb-dialog-close> Cancel </sbb-secondary-button>
    <sbb-button sbb-dialog-close> Confirm </sbb-button>
  </sbb-dialog-actions>
</sbb-dialog>

Properties

Name	Attribute	Privacy	Type	Default	Description
`alignGroup`	`align-group`	public	`'start' \| 'center' \| 'stretch' \| 'end'`	`'start'`	Set the slotted `<sbb-action-group>` children's alignment.
`buttonSize`	`button-size`	public	`SbbButtonSize`	`'l'`	Size of the nested sbb-button instances. This will overwrite the size attribute of nested sbb-button instances.
`horizontalFrom`	`horizontal-from`	public	`SbbHorizontalFrom`	`'medium'`	Overrides the behaviour of `orientation` property.
`linkSize`	`link-size`	public	`SbbLinkSize`	`'m'`	Size of the nested sbb-block-link instances. This will overwrite the size attribute of nested sbb-block-link instances.
`orientation`	`orientation`	public	`SbbOrientation`	`'horizontal'`	Indicates the orientation of the components inside the `<sbb-action-group>`.

Slots

Name	Description
	Use the unnamed slot to add `sbb-block-link` or `sbb-button` elements to the `sbb-dialog-actions`.