ResultPage

Überblick

mmm-result-page ist eine Komponente zur Übersicht über das Ergebnis einer Aktion

Inputs

Input	Typ	Beschreibung
`headline`	`string`	Überschrift unter dem Icon
`message`	`string`	Eine Nachricht die den Nutzer im Detail über das Ergebnis informiert
`variant`	`success \| neutral \| error`	Bestimmt welche Farben und Icons im Header informativ dargestellt werden.
`actions`	`MmmResultPageActionButton[]`	Eine Configliste der Buttons die Unten aufgeführt werden (min. 1, max. 7)

`MmmResultPageActionButton`

Field	Typ	Beschreibung
`label`	`string`	Das label des Buttons
`onClick`	`() => void`	Void function die bei click des konfigurierten Buttons gecalled wird

SCSS-Variablen

Wichtige Variablen:

--mmm-result-page-header-bg
--mmm-result-page-icon-color

Beispiel

<mmm-result-page
  variant="success"
  [actions]="actions"
  headline="Lorem Ipsum dolor sit amet"
  message="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
>
  Here goes optional content
</mmm-file-uploader>
<mmm-result-page
  variant="error"
  [actions]="actions"
  headline="Lorem Ipsum dolor sit amet"
  message="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
/>
<mmm-result-page
  variant="neutral"
  [actions]="actions"
  headline="Lorem Ipsum dolor sit amet"
  message="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
/>

Here goes optional content

Was möchten Sie als Nächstes tun?