# 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.");
```