İçeriğe geç

Vaul, özellikle React uygulamaları için tasarlanmış, biçimlendirilmemiş bir çekmece bileşenidir. Tablet ve mobil cihazlarda kullanım için optimize edilmiş bir iletişim kutusu alternatifidir. Esneklik gözetilerek geliştirilen bileşen, geliştiricilerin çekmecenin uygulamalarındaki davranışını ve görünümünü özelleştirmesine olanak tanır.

Öne çıkan özelliklerinden biri, çekmece açıldığında arka planı ölçeklendirebilmesidir. Bu, kullanıcılara daha sürükleyici bir deneyim sunar. Çekmece programatik olarak kontrol edilebilir; böylece geliştiriciler React'in durum yönetimi üzerinden açık veya kapalı olmasını yönetebilir.

Vaul, entegrasyon için basit bir API sunar. Drawer.Root, Drawer.Trigger, Drawer.Content ve Drawer.Overlay gibi bileşenleri açıkça tanımlanmıştır; bu da uygulamalara eklerken düzenli bir yapı sağlar. Kütüphane, daha iyi kullanıcı etkileşimi için sabitleme noktaları, çekmece kapsayıcısını özelleştirme ve kapatmayı devre dışı bırakma seçenekleri gibi çeşitli işlevleri destekler.

Bu bileşen, uygulamalarının tasarım sistemiyle çakışabilecek biçimlendirilmiş bileşenlerin kısıtlamaları olmadan duyarlı ve mobil uyumlu bir çekmece özelliği eklemek isteyen geliştiriciler için idealdir.

Kullanımına ilişkin kapsamlı örnekler için CodeSandbox'taki etkileşimli demoları inceleyebilirsiniz. Bu demolar, kaydırma kontrolleri ve özel sabitleme noktaları gibi çeşitli bileşen özelliklerini gösterir.

Özellikler

  • Biçimlendirilmemiş çekmece bileşeni
  • Mobil ve tabletler için optimize edildi
  • Arka planı ölçeklendirme
  • Özelleştirilebilir sabitleme noktaları
  • Açık durumu programatik olarak kontrol etme
  • İç içe çekmeceleri destekler
  • Esnek içerik konumlandırma
  • İçerik oluşturmak için özel portal

İlgili öğeler

BaseUI

Stiller üzerinde tam kontrol sunan, erişilebilir ve yüksek ölçüde özelleştirilebilir arayüzler oluşturmak için başlıksız, biçimlendirilmemiş React bileşenleri.

PrimeVue

Vue.js uygulamalarını kolayca ve verimli biçimde oluşturmak için tasarlanmış, zengin bir açık kaynaklı UI bileşen koleksiyonu.

Radix Primitives

Yüksek kaliteli web uygulamaları ve tasarım sistemleri için stilsiz, erişilebilir, açık kaynaklı React yapı taşları.

ArkUI

Bu açık kaynaklı UI çözümü, çeşitli görsel stillere ve erişilebilirlik standartlarına uyarlanabilen özelleştirilebilir bileşenlerle gelişmiş tasarım sistemleri oluşturmayı sağlar.

ChakraUI

Kullanımı kolay ve yüksek ölçüde özelleştirilebilir temel bileşenlerden oluşan kapsamlı bir setle erişilebilir web uygulamalarını hızlı ve verimli şekilde oluşturun.

cmdk

Bu bileşen, kullanıcı deneyimine ve geliştirici esnekliğine odaklanan kapsamlı bir React komut menüsü çözümü sunar.

Docusaurus

İçeriğe ve kullanılabilirliğe odaklanarak kolayca dokümantasyon siteleri oluşturmaya yardımcı olan bir proje.

MagicUI

Web projelerinizi geliştirmek ve tasarım sürecinizi kolaylaştırmak için güzel tasarlanmış, çok yönlü bir bileşen koleksiyonu.