Different width options for accordion layouts
Parent container with max-width: 800px
Deze accordion gebruikt de pm7-accordion--width-max
class en neemt de volledige breedte van het moederelement in beslag. Perfect voor formulieren of content die de volledige beschikbare ruimte moet gebruiken.
De accordion past zich automatisch aan de breedte van het parent element aan, ongeacht de viewport grootte.
Deze accordion gebruikt pm7-accordion--width-800
en heeft een maximale breedte van 800px. Op kleinere schermen past de accordion zich automatisch aan.
De breedte blijft consistent of de accordion open of dicht is. Perfect voor een voorspelbare layout.
Deze accordion gebruikt pm7-accordion--width-1000
en heeft een maximale breedte van 1000px. Ideaal voor bredere content layouts.
Op schermen smaller dan 1000px neemt de accordion automatisch 100% van de beschikbare breedte in.