Proširivi widget koristi prilagođeni element <devsite-expandable> kako bi korisnicima omogućio skrivanje ili prikazivanje dijelova sadržaja u proširivom odjeljku. U Markdown datoteci omotajte prilagođeni element standardnim HTML elementom, kao što je <section> ili <div> .
Prebacivanje odjeljaka
Sljedeći primjer umotan je u prilagođeni element <devsite-expandable> koji prema zadanim postavkama ima skrivenu poziciju. Njegov naslov ima atribut class pod nazivom showalways .
Ovaj naslov se uvijek prikazuje
Ovaj odlomak je prema zadanim postavkama skriven.
This code block within the custom element also defaults to a hidden
position.Prilagođena kontrola
Sljedeći primjer dodaje klasu expand-control elementu button prilagođenog elementa <devsite-expandable> za proširenje i sažimanje odjeljka bez preklopnika.
Dostupne su mnoge opcije
Proširi jednom
Sljedeći primjer dodaje klasu expand-control once na vezu unutar prilagođenog elementa <devsite-expandable> koji prikazuje dodatni sadržaj kada se klikne i zatim nestaje sa stranice.
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.
Više...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.
Automatsko proširivanje pri povezivanju
Sljedeći primjer dodaje #sample1 ID prilagođenom elementu <devsite-expandable> koji automatski proširuje odjeljak pri učitavanju stranice kada se na njega povežete.
Kako se automatski proširiti pri povezivanju
Zatvorite ovaj proširivi odjeljak, kliknite gornju vezu #sample1 , a zatim ponovno učitajte stranicu da biste automatski proširili ovaj proširivi odjeljak.
Code block within the 'Auto-expand on linking' demo.
Otvoreno prema zadanim postavkama
Sljedeći primjer dodaje expanded atribut prilagođenom elementu <devsite-expandable> kako bi se proširivi otvorio prema zadanim postavkama.
Prošireno prema zadanim postavkama
Otvoreno prema zadanim postavkama je sjajno kada imate puno proširivih, kao što su bilješke o izdanju, ali želite zadržati najnoviju otvorenu.