Width Variants

Different width options for accordion layouts

Full Width (100% of parent)

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.

Max Width 800px

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.

Max Width 1000px

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.