Headless στοιχεία React χωρίς στυλ, για τη δημιουργία προσβάσιμων και εξαιρετικά προσαρμόσιμων διεπαφών με πλήρη έλεγχο των στυλ.
- Αστέρια στο GitHub
- 5.2K
- Ενημερώθηκε στις
- Aug 17, 2025
- Άδεια χρήσης
- MIT License
Vaul
Ένα μη μορφοποιημένο στοιχείο συρόμενου πλαισίου, σχεδιασμένο για απρόσκοπτη ενσωμάτωση σε εφαρμογές React και βελτιωμένη αλληλεπίδραση σε κινητές συσκευές.
Το Vaul είναι ένα μη μορφοποιημένο στοιχείο συρόμενου πλαισίου, σχεδιασμένο ειδικά για εφαρμογές React. Λειτουργεί ως εναλλακτική λύση στα παράθυρα διαλόγου και είναι βελτιστοποιημένο για χρήση σε tablet και κινητές συσκευές. Το στοιχείο έχει σχεδιαστεί με γνώμονα την ευελιξία, ώστε οι προγραμματιστές να μπορούν να προσαρμόζουν τη συμπεριφορά και την εμφάνιση του συρόμενου πλαισίου στις εφαρμογές τους.
Ένα από τα βασικά χαρακτηριστικά του είναι η δυνατότητα κλιμάκωσης του φόντου όταν ανοίγει το συρόμενο πλαίσιο, δημιουργώντας μια πιο καθηλωτική εμπειρία για τους χρήστες. Ο προγραμματιστικός έλεγχος του συρόμενου πλαισίου επιτρέπει στους προγραμματιστές να διαχειρίζονται την κατάσταση ανοίγματός του μέσω της διαχείρισης κατάστασης του React.
Το Vaul παρέχει ένα απλό API για ενσωμάτωση, με σαφώς ορισμένα στοιχεία όπως τα Drawer.Root, Drawer.Trigger, Drawer.Content και Drawer.Overlay, διευκολύνοντας την οργανωμένη ενσωμάτωσή του στις εφαρμογές. Η βιβλιοθήκη υποστηρίζει διάφορες λειτουργίες, όπως σημεία προσκόλλησης για καλύτερη αλληλεπίδραση, προσαρμογή του περιέκτη του συρόμενου πλαισίου και επιλογές που απενεργοποιούν το κλείσιμο από τον χρήστη.
Αυτό το στοιχείο είναι ιδανικό για προγραμματιστές που θέλουν να υλοποιήσουν ένα προσαρμόσιμο σε διαφορετικές οθόνες, φιλικό προς κινητές συσκευές συρόμενο πλαίσιο, χωρίς τους περιορισμούς μορφοποιημένων στοιχείων που μπορεί να συγκρούονται με το σύστημα σχεδίασης της εφαρμογής τους.
Για ολοκληρωμένα παραδείγματα χρήσης, οι χρήστες μπορούν να εξερευνήσουν μια σειρά διαδραστικών επιδείξεων στο CodeSandbox, που παρουσιάζουν διάφορες λειτουργίες του στοιχείου, όπως τα χειριστήρια κύλισης και τα προσαρμοσμένα σημεία προσκόλλησης.
Δυνατότητες
- Μη μορφοποιημένο στοιχείο συρόμενου πλαισίου
- Βελτιστοποίηση για κινητά και tablet
- Κλιμάκωση φόντου
- Προσαρμόσιμα σημεία προσκόλλησης
- Προγραμματιστικός έλεγχος της κατάστασης ανοίγματος
- Υποστήριξη εμφωλευμένων συρόμενων πλαισίων
- Ευέλικτη τοποθέτηση περιεχομένου
- Προσαρμοσμένο portal για απόδοση
Σχετικά στοιχεία
Ένα πλούσιο σύνολο στοιχείων UI ανοιχτού κώδικα, προσαρμοσμένων για την απρόσκοπτη και αποδοτική δημιουργία εφαρμογών Vue.js.
- Αστέρια στο GitHub
- 11.0K
- Ενημερώθηκε στις
- Dec 6, 2024
- Άδεια χρήσης
- MIT License
Μη μορφοποιημένα, προσβάσιμα primitives ανοιχτού κώδικα για React, για ποιοτικές διαδικτυακές εφαρμογές και συστήματα σχεδίασης.
- Αστέρια στο GitHub
- 16.0K
- Ενημερώθηκε στις
- Dec 6, 2024
- Άδεια χρήσης
- MIT License
Αυτή η λύση UI ανοιχτού κώδικα επιτρέπει τη δημιουργία εξελιγμένων συστημάτων σχεδίασης με προσαρμόσιμα στοιχεία που μπορούν να ταιριάξουν σε διάφορα οπτικά στιλ και πρότυπα προσβασιμότητας.
- Αστέρια στο GitHub
- 3.9K
- Ενημερώθηκε στις
- Dec 6, 2024
- Άδεια χρήσης
- MIT License
Δημιουργήστε γρήγορα και αποτελεσματικά προσβάσιμες διαδικτυακές εφαρμογές με ένα ολοκληρωμένο σύνολο βασικών στοιχείων, εύχρηστων και εξαιρετικά προσαρμόσιμων.
- Αστέρια στο GitHub
- 38.1K
- Ενημερώθηκε στις
- Dec 6, 2024
- Άδεια χρήσης
- MIT License
Αυτό το στοιχείο προσφέρει μια ολοκληρωμένη λύση μενού εντολών για React, με έμφαση τόσο στην εμπειρία χρήστη όσο και στην ευελιξία για τους προγραμματιστές.
- Αστέρια στο GitHub
- 10.0K
- Ενημερώθηκε στις
- Dec 6, 2024
- Άδεια χρήσης
- MIT License
Ένα έργο που βοηθά στη δημιουργία ιστότοπων τεκμηρίωσης εύκολα, με έμφαση στο περιεχόμενο και τη χρηστικότητα.
- Αστέρια στο GitHub
- 57.0K
- Ενημερώθηκε στις
- Dec 6, 2024
- Άδεια χρήσης
- MIT License
Μια ευέλικτη συλλογή όμορφα σχεδιασμένων στοιχείων, που αναβαθμίζει τα διαδικτυακά σας έργα και απλοποιεί τη διαδικασία σχεδιασμού.