# Vaul

Ένα μη μορφοποιημένο στοιχείο συρόμενου πλαισίου, σχεδιασμένο για απρόσκοπτη ενσωμάτωση σε εφαρμογές React και βελτιωμένη αλληλεπίδραση σε κινητές συσκευές.

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

Το Vaul είναι ένα μη μορφοποιημένο στοιχείο συρόμενου πλαισίου, σχεδιασμένο ειδικά για εφαρμογές React. Λειτουργεί ως εναλλακτική λύση στα παράθυρα διαλόγου και είναι βελτιστοποιημένο για χρήση σε tablet και κινητές συσκευές. Το στοιχείο έχει σχεδιαστεί με γνώμονα την ευελιξία, ώστε οι προγραμματιστές να μπορούν να προσαρμόζουν τη συμπεριφορά και την εμφάνιση του συρόμενου πλαισίου στις εφαρμογές τους.

Ένα από τα βασικά χαρακτηριστικά του είναι η δυνατότητα κλιμάκωσης του φόντου όταν ανοίγει το συρόμενο πλαίσιο, δημιουργώντας μια πιο καθηλωτική εμπειρία για τους χρήστες. Ο προγραμματιστικός έλεγχος του συρόμενου πλαισίου επιτρέπει στους προγραμματιστές να διαχειρίζονται την κατάσταση ανοίγματός του μέσω της διαχείρισης κατάστασης του React.

Το Vaul παρέχει ένα απλό API για ενσωμάτωση, με σαφώς ορισμένα στοιχεία όπως τα Drawer.Root, Drawer.Trigger, Drawer.Content και Drawer.Overlay, διευκολύνοντας την οργανωμένη ενσωμάτωσή του στις εφαρμογές. Η βιβλιοθήκη υποστηρίζει διάφορες λειτουργίες, όπως σημεία προσκόλλησης για καλύτερη αλληλεπίδραση, προσαρμογή του περιέκτη του συρόμενου πλαισίου και επιλογές που απενεργοποιούν το κλείσιμο από τον χρήστη.

Αυτό το στοιχείο είναι ιδανικό για προγραμματιστές που θέλουν να υλοποιήσουν ένα προσαρμόσιμο σε διαφορετικές οθόνες, φιλικό προς κινητές συσκευές συρόμενο πλαίσιο, χωρίς τους περιορισμούς μορφοποιημένων στοιχείων που μπορεί να συγκρούονται με το σύστημα σχεδίασης της εφαρμογής τους.

Για ολοκληρωμένα παραδείγματα χρήσης, οι χρήστες μπορούν να εξερευνήσουν μια σειρά διαδραστικών επιδείξεων στο CodeSandbox, που παρουσιάζουν διάφορες λειτουργίες του στοιχείου, όπως τα χειριστήρια κύλισης και τα προσαρμοσμένα σημεία προσκόλλησης.

## Δυνατότητες

- Μη μορφοποιημένο στοιχείο συρόμενου πλαισίου
- Βελτιστοποίηση για κινητά και tablet
- Κλιμάκωση φόντου
- Προσαρμόσιμα σημεία προσκόλλησης
- Προγραμματιστικός έλεγχος της κατάστασης ανοίγματος
- Υποστήριξη εμφωλευμένων συρόμενων πλαισίων
- Ευέλικτη τοποθέτηση περιεχομένου
- Προσαρμοσμένο portal για απόδοση

## Λεπτομέρειες

**Αστέρια στο GitHub**

6.5K

**Λήψεις npm**

605.0K/εβδομάδα

**Τελευταία έκδοση**

1.1.1

**Δημιουργήθηκε στις**

Jul 16, 2023

**Ενημερώθηκε στις**

Dec 6, 2024

**Άδεια χρήσης**

MIT License

Η διαφήμισή σας εδώ;

[Στείλτε μας email](mailto:hi@dennn.is?subject=%CE%94%CE%B9%CE%B1%CF%86%CE%AE%CE%BC%CE%B9%CF%83%CE%B7%20%CF%83%CF%84%CE%BF%20KickstartUI)

[Διαφήμιση Η σουίτα πρόσθετων έτοιμη για πράκτορες του WordPress.](https://sleekwp.com/?ref=kickstartui)

## Σχετικά στοιχεία

### [BaseUI](https://kickstartui.com/el/details/baseui/)

Headless στοιχεία React χωρίς στυλ, για τη δημιουργία προσβάσιμων και εξαιρετικά προσαρμόσιμων διεπαφών με πλήρη έλεγχο των στυλ.

**Αστέρια στο GitHub**

5.2K

**Ενημερώθηκε στις**

Aug 17, 2025

**Άδεια χρήσης**

MIT License

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

Ένα πλούσιο σύνολο στοιχείων UI ανοιχτού κώδικα, προσαρμοσμένων για την απρόσκοπτη και αποδοτική δημιουργία εφαρμογών Vue.js.

**Αστέρια στο GitHub**

11.0K

**Ενημερώθηκε στις**

Dec 6, 2024

**Άδεια χρήσης**

MIT License

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

Μη μορφοποιημένα, προσβάσιμα primitives ανοιχτού κώδικα για React, για ποιοτικές διαδικτυακές εφαρμογές και συστήματα σχεδίασης.

**Αστέρια στο GitHub**

16.0K

**Ενημερώθηκε στις**

Dec 6, 2024

**Άδεια χρήσης**

MIT License

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

Αυτή η λύση UI ανοιχτού κώδικα επιτρέπει τη δημιουργία εξελιγμένων συστημάτων σχεδίασης με προσαρμόσιμα στοιχεία που μπορούν να ταιριάξουν σε διάφορα οπτικά στιλ και πρότυπα προσβασιμότητας.

**Αστέρια στο GitHub**

3.9K

**Ενημερώθηκε στις**

Dec 6, 2024

**Άδεια χρήσης**

MIT License

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

Δημιουργήστε γρήγορα και αποτελεσματικά προσβάσιμες διαδικτυακές εφαρμογές με ένα ολοκληρωμένο σύνολο βασικών στοιχείων, εύχρηστων και εξαιρετικά προσαρμόσιμων.

**Αστέρια στο GitHub**

38.1K

**Ενημερώθηκε στις**

Dec 6, 2024

**Άδεια χρήσης**

MIT License

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

Αυτό το στοιχείο προσφέρει μια ολοκληρωμένη λύση μενού εντολών για React, με έμφαση τόσο στην εμπειρία χρήστη όσο και στην ευελιξία για τους προγραμματιστές.

**Αστέρια στο GitHub**

10.0K

**Ενημερώθηκε στις**

Dec 6, 2024

**Άδεια χρήσης**

MIT License

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

Ένα έργο που βοηθά στη δημιουργία ιστότοπων τεκμηρίωσης εύκολα, με έμφαση στο περιεχόμενο και τη χρηστικότητα.

**Αστέρια στο GitHub**

57.0K

**Ενημερώθηκε στις**

Dec 6, 2024

**Άδεια χρήσης**

MIT License

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

Μια ευέλικτη συλλογή όμορφα σχεδιασμένων στοιχείων, που αναβαθμίζει τα διαδικτυακά σας έργα και απλοποιεί τη διαδικασία σχεδιασμού.