close-button
Örnek
Not:
.btn-closeile bir bileşeni kapatma veya kapatma seçeneği sağlayın. Varsayılan stil sınırlıdır, ancak yüksek derecede özelleştirilebilir. Varsayılanbackground-image'i değiştirmek için Sass değişkenlerini değiştirmek önemlidir.
Ekran okuyucular için metin eklemeyi unutmayın, bunu aria-label ile yaptığımız gibi.
Devre Dışı Durum
Bilgi: Devre dışı bırakılmış kapatma düğmeleri
opacitydeğerini değiştirir. Hover ve aktif durumların tetiklenmesini önlemek içinpointer-events: noneveuser-select: noneuyguladık.
Koyu Variant
Dikkat! v5.0.0 itibarıyla, .btn-close-white sınıfı kullanım dışı bırakılmıştır. Bunun yerine, kapatma düğmesinin renk modunu değiştirmek için data-coreui-theme="dark" kullanın.
Kapatma düğmesini tersine çevirmek için .btn-close'a veya üst öğesine data-coreui-theme="dark" ekleyin. Bu, değerini geçersiz kılmadan background-image'i tersine çevirmek için filter özelliğini kullanır.