A kibontható eszközprimitív a <devsite-expandable> egyéni elemet használja, hogy a felhasználók elrejtsék vagy megjelenítsék a tartalom egy részét egy kibontható szakaszban. Egy Markdown fájlban csomagolja be az egyéni elemet egy szabványos HTML-elemmel, például egy <section> vagy <div> elemmel.
Szakasz kapcsoló
A következő példa egy <devsite-expandable> egyéni elembe van csomagolva, amely alapértelmezés szerint rejtett pozícióban van. A fejlécében van egy showalways nevű class .
Ez a címsor mindig megjelenik
Ez a bekezdés alapértelmezés szerint rejtett pozícióba kerül.
This code block within the custom element also defaults to a hidden
position.Egyedi vezérlés
A következő példa hozzáadja az expand-control osztályt a <devsite-expandable> egyéni elem button a szakasz kibontásához és összecsukásához kapcsoló nélkül.
Számos lehetőség áll rendelkezésre
Bővítse ki egyszer
A következő példa az expand-control once osztályt hozzáadja egy hivatkozáshoz a <devsite-expandable> egyéni elemen belül, amely további tartalmat jelenít meg, ha rákattint, majd eltűnik az oldalról.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Több...Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Automatikus kibontás összekapcsoláskor
A következő példa egy #sample1 azonosítót ad hozzá a <devsite-expandable> egyéni elemhez, amely automatikusan kibontja az oldalbetöltési szakaszt, amikor hivatkozik rá.
Hogyan lehet automatikusan bővíteni linkeléskor
Zárja be ezt a kibontható részt, kattintson a fenti #sample1 hivatkozásra, majd töltse be újra az oldalt a kibontható szakasz automatikus kibontásához.
Code block within the 'Auto-expand on linking' demo.
Alapértelmezés szerint megnyitva
A következő példa hozzáadja a expanded attribútumot a <devsite-expandable> egyéni elemhez, hogy a kibontható alapértelmezés szerint megnyíljon.
Alapértelmezés szerint kibontva
Az alapértelmezés szerinti megnyitás nagyszerű, ha sok kibontható eleme van, például a kiadási megjegyzésekhez, de szeretné nyitva tartani a legújabbat.