accordion creates panels with content that can be collapsed and expanded.
accordion to group or hide similar content. Content is placed in nested
accordionPanel elements. There can be multiple such panels, but only one can be expanded at a time.
The following example demonstrates
accordion with three panels:
<accordion id="accordion"> <accordionPanel summaryText="Stamford"> <div text="Stamford is a town in the South Kesteven District of Lincolnshire, England."/> </accordionPanel> <accordionPanel summaryText="Boston"> <div text="Boston is the capital and largest city of the American Northeast."/> </accordionPanel> <accordionPanel summaryText="London"> <div text="London is the capital and largest city of England and the United Kingdom." /> </accordionPanel> </accordion>
accordionPanel has a summary and a content area to put other components or layouts. The summary remains visible, even when the panel is collapsed. The component allows to provide longer summaries, as opposed to tabSheet.
Below are the attributes for
accordion and its
Handlers are the same for
To generate a handler stub in Jmix Studio, use the Handlers tab of the Jmix UI inspector panel or the Generate Handler action available in the top panel of the view class and through the Code → Generate menu (Alt+Insert / Cmd+N).
See Vaadin Docs for more information.