Install

<dependency>
    <groupId>com.vaadin</groupId>
    <artifactId>vaadin-accordion-flow</artifactId>
</dependency>
<dependency>
    <groupId>de.mate_ds</groupId>
    <artifactId>mate-component-addons-flow</artifactId>
</dependency>

Import

import com.vaadin.flow.component.accordion.Accordion;
import com.vaadin.flow.component.accordion.AccordionPanel;
import de.mate_ds.flow.component.componentaddons.DetailsSummary;

Variants

Default

DetailsSummary summary1 = new DetailsSummary();
summary1.setTitleText("First panel");
summary1.getTitle().add(new Badge("Information"), new Badge("Information"));
summary1.getAction().add(new Button(new Icon(MaterialSymbol.SymbolDelete)), new Button(new Icon(MaterialSymbol.SymbolContentCopy)));

DetailsSummary summary2 = new DetailsSummary();
summary2.setEnabled(false);
summary2.setTitleText("Disabled panel");
summary2.getTitle().add(new Badge("Information"), new Badge("Information"));
summary2.getAction().add(new Button(new Icon(MaterialSymbol.SymbolDelete)), new Button(new Icon(MaterialSymbol.SymbolContentCopy)));

Accordion accordion = new Accordion();
accordion.add(DetailsSummary.createAccordionPanel(summary1, new Span("Content")));
accordion.add(DetailsSummary.createAccordionPanel(summary2, new Span("Content")));