İçeriğe geç

Vaul

React uygulamalarına sorunsuz entegrasyon için tasarlanmış, biçimlendirilmemiş bir çekmece bileşeni. Mobil cihazlardaki kullanıcı etkileşimlerini geliştirir.

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

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.

GitHub yıldızları
5.2K
Güncellenme tarihi
Aug 17, 2025
Lisans
MIT License

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

GitHub yıldızları
11.0K
Güncellenme tarihi
Dec 6, 2024
Lisans
MIT License

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

GitHub yıldızları
16.0K
Güncellenme tarihi
Dec 6, 2024
Lisans
MIT License

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.

GitHub yıldızları
3.9K
Güncellenme tarihi
Dec 6, 2024
Lisans
MIT License

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.

GitHub yıldızları
38.1K
Güncellenme tarihi
Dec 6, 2024
Lisans
MIT License

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

GitHub yıldızları
10.0K
Güncellenme tarihi
Dec 6, 2024
Lisans
MIT License

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

GitHub yıldızları
57.0K
Güncellenme tarihi
Dec 6, 2024
Lisans
MIT License

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

KickstartUI hakkında

KickstartUI, en iyi UI çatılarını, kütüphanelerini ve derleme araçlarını keşfetmeniz için başvuracağınız yerdir. Geliştiricilerin UI fikirlerini hayata geçirmelerine yardımcı olmak için birinci sınıf kaynakları özenle seçiyoruz. İster duyarlı bir web uygulaması oluşturun, ister bir mobil arayüz tasarlayın ya da etkileşimli bir prototip hazırlayın; platformumuz projelerinizi hızlandıracak ve kullanıcı deneyimlerini iyileştirecek temel araçları sunar. En yeni trendleri takip etmek, yeni olanaklar keşfetmek ve UI tasarımlarınızı geliştirmek için kapsamlı koleksiyonumuzu inceleyin. Bir sonraki projenize başlamaya hazır mısınız? Öne çıkan kaynaklarımıza göz atın veya ihtiyaçlarınıza uygun belirli araçları arayın.