On This Page

Collapsible content with a summary.

  • Fluent
  • Declarative

 Details.builder()
        .summary(new Text("Invoices"))
        .content(VerticalLayout.builder()
                .content(List.of(
                        new Text("There are 1000 pending invoices."),
                        new Text("For a total of 34.213,01 Euros"),
                        new Anchor("Go wherever", "")
                ))
                .spacing(true)
                .build())
        .opened(false)
        .build()

TBD

Available properties

This is the list of available properties for a details component:

PropertyDescriptionNotes
idid for this component
cssClasseslist of css classescontent of the css attribute
styleinline style attributescontent of the style attribute
summarythe content in the summary/header
contentthe wrapped content
openedif it must be opened from the beginning

You can see a full explanation of those properties at https://vaadin.com/docs/latest/components/details