Genişletilebilir widget, şunlar için <devsite-expandable> özel öğesini kullanır:
Kullanıcılar genişletilebilir bir bölümde içeriğin bölümlerini gizler veya gösterir. Markdown'da
dosyasından içe aktarma işlemi yapmak için, özel öğeyi bir
<section> veya <div>.
Bölüm açma/kapatma
Aşağıdaki örnek, şu özelliklere sahip bir <devsite-expandable> özel öğesi içine yerleştirilmiştir:
varsayılan olarak gizli bir konuma ayarlanır. Başlığında, şu ada sahip class özelliği var:
showalways.
Bu başlık her zaman gösterilir
Bu paragraf varsayılan olarak gizli bir konumdadır.
This code block within the custom element also defaults to a hidden
position.
Özel kontrol
Aşağıdaki örnekte, expand-control sınıfı <devsite-expandable> özel öğesinin button öğesine eklenerek bölümün açma/kapatma düğmesi olmadan genişletilmesi ve daraltılması sağlanmaktadır.
Birçok seçenek mevcut
Bir kez genişlet
Aşağıdaki örnekte, expand-control once sınıfını
Tıklandığında ek içerik gösteren <devsite-expandable> özel öğe
ve sonra sayfadan kaybolur.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimum Veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Diğer...Duis aute irure dolor in reprehenderit in voluptate velit esse cillum (duis aute irure dolor in reprehenderit in voluptate velit esse cillum) dolore eu fugiat nulla pariatur. Outlineur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bağlantı oluşturma sırasında otomatik olarak genişletme
Aşağıdaki örnekte, <devsite-expandable> özel öğesine bir #sample1 kimliği eklenmiştir. Bu kimlik, bağlantısını oluşturduğunuzda sayfa yüklenirken bölümü otomatik olarak genişletir.
Bağlantı oluşturma işleminde otomatik olarak genişletme
Bu genişletilebilir bölümü kapatın, yukarıdaki #sample1 bağlantısını tıklayın ve bu genişletilebilir bölümü otomatik olarak genişletmek için sayfayı yeniden yükleyin.
Code block within the 'Auto-expand on linking' demo.
Varsayılan olarak aç
Aşağıdaki örnekte, genişletilebilir öğeyi varsayılan olarak açık hale getirmek için expanded özelliği <devsite-expandable> özel öğesine eklenmiştir.
Varsayılan olarak genişletilmiş
Varsayılan olarak açık tutma özelliği, sürüm notları gibi çok sayıda genişletilebilir öğeniz olduğunda ancak en son öğeyi açık tutmak istediğinizde kullanışlıdır.