Version:

Install ​

Maven ​

xml
<dependency>
    <groupId>de.mate_ds</groupId>
    <artifactId>mate-callout-flow</artifactId>
</dependency>

Import ​

java
import de.mate_ds.flow.component.callout.Callout;
import de.mate_ds.flow.component.callout.CalloutVariant;
import de.mate_ds.flow.component.icon.Icon;
import de.mate_ds.flow.component.icon.MaterialSymbol;

Variants ​

Neutral ​

java
Callout callout = new Callout();
callout.setTitleText("Optionale Überschrift");
callout.setText("Hier wird die ausführliche Beschreibung oder Inhalte aller Art angezeigt.");

// Optional: add icon to the left of the title
Icon icon = new Icon(MaterialSymbol.SymbolHome);
icon.getElement().setAttribute("slot", "icon");
callout.add(icon);

Secondary ​

java
Callout callout = new Callout();
callout.addThemeVariants(CalloutVariant.SECONDARY);
callout.setTitleText("Optionale Überschrift");
callout.setText("Hier wird die ausführliche Beschreibung oder Inhalte aller Art angezeigt.");

Info ​

java
Callout callout = new Callout();
callout.addThemeVariants(CalloutVariant.INFO);
callout.setTitleText("Optionale Überschrift");
callout.setText("Hier wird die ausführliche Beschreibung oder Inhalte aller Art angezeigt.");

Success ​

java
Callout callout = new Callout();
callout.addThemeVariants(CalloutVariant.SUCCESS);
callout.setTitleText("Optionale Überschrift");
callout.setText("Hier wird die ausführliche Beschreibung oder Inhalte aller Art angezeigt.");

Warning ​

java
Callout callout = new Callout();
callout.addThemeVariants(CalloutVariant.WARNING);
callout.setTitleText("Optionale Überschrift");
callout.setText("Hier wird die ausführliche Beschreibung oder Inhalte aller Art angezeigt.");

Error ​

java
Callout callout = new Callout();
callout.addThemeVariants(CalloutVariant.DANGER);
callout.setTitleText("Optionale Überschrift");
callout.setText("Hier wird die ausführliche Beschreibung oder Inhalte aller Art angezeigt.");