# Vaul

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

[Website](https://vaul.emilkowal.ski) [GitHub](https://github.com/emilkowalski/vaul) [npm](https://npmjs.com/package/vaul)

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

## Ayrıntılar

**GitHub yıldızları**

6.5K

**NPM indirmeleri**

605.0K/hafta

**En son sürüm**

1.1.1

**Oluşturulma tarihi**

Jul 16, 2023

**Güncellenme tarihi**

Dec 6, 2024

**Lisans**

MIT License

Reklamınız burada mı olsun?

[Bize e-posta gönderin](mailto:hi@dennn.is?subject=KickstartUI%20%C3%BCzerinde%20reklam)

[Reklam WordPress için yapay zekâ ajanlarına hazır eklenti paketi.](https://sleekwp.com/?ref=kickstartui)

## İlgili öğeler

### [BaseUI](https://kickstartui.com/tr/details/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.

**GitHub yıldızları**

5.2K

**Güncellenme tarihi**

Aug 17, 2025

**Lisans**

MIT License

### [PrimeVue](https://kickstartui.com/tr/details/primevue/)

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

### [Radix Primitives](https://kickstartui.com/tr/details/radix-ui-primitives/)

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

### [ArkUI](https://kickstartui.com/tr/details/ark-ui/)

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

### [ChakraUI](https://kickstartui.com/tr/details/chakra-ui/)

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

### [cmdk](https://kickstartui.com/tr/details/cmdk/)

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

### [Docusaurus](https://kickstartui.com/tr/details/docusaurus/)

İç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

### [MagicUI](https://kickstartui.com/tr/details/magic-ui/)

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