Widget yang dapat diluaskan menggunakan elemen kustom <devsite-expandable> untuk memungkinkan
pengguna menyembunyikan atau menampilkan bagian konten di bagian yang dapat diluaskan. Dalam file
Markdown, gabungkan elemen kustom dengan elemen HTML standar, seperti
<section> atau <div>.
Tombol bagian
Contoh berikut digabungkan dalam elemen kustom <devsite-expandable> yang
secara {i>default<i} adalah
posisi tersembunyi. Judulnya memiliki atribut class bernama
showalways.
Judul ini selalu ditampilkan
Paragraf ini ditetapkan secara default ke posisi tersembunyi.
This code block within the custom element also defaults to a hidden
position.
Kontrol kustom
Contoh berikut menambahkan class expand-control ke elemen button
elemen khusus <devsite-expandable> untuk meluaskan dan menciutkan bagian
tanpa tombol.
Luaskan sekali
Contoh berikut menambahkan class expand-control once ke link dalam
elemen kustom <devsite-expandable> yang menampilkan konten tambahan saat diklik,
lalu menghilang dari halaman.
Lorem Ipsum
{i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labe et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lainnya...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.
Memperluas otomatis saat penautan
Contoh berikut menambahkan ID #sample1 ke
Elemen kustom <devsite-expandable> yang otomatis memperluas bagian saat pemuatan halaman
ketika Anda menautkannya.
Cara memperluas otomatis saat penautan
Tutup bagian yang dapat diluaskan ini, klik link #sample1 di atas, lalu muat ulang halaman untuk meluaskan bagian yang dapat diluaskan ini secara otomatis.
Code block within the 'Auto-expand on linking' demo.
Buka secara default
Contoh berikut menambahkan atribut expanded ke
<devsite-expandable> elemen khusus untuk membuat yang dapat diluaskan terbuka secara default.
Diluaskan secara default
Buka secara default sangat bagus ketika Anda memiliki banyak catatan rilis, tetapi Anda tetap membuka catatan rilis terbaru.