Швидко й ефективно створюйте доступні вебзастосунки за допомогою набору основних компонентів, які легко використовувати та гнучко налаштовувати.
- Зірки GitHub
- 38.1K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
cmdk
Цей компонент — комплексне рішення для меню команд у React, що поєднує зручність для користувачів із гнучкістю для розробників.
⌘K — універсальний компонент меню команд для застосунків React. Він переосмислює звичний спосіб показу інтерактивних меню завдяки компонованому API, який дає змогу розробникам легко вкладати елементи в інші компоненти або JSX. Завдяки увазі до доступності компонент також можна використовувати як розширений комбобокс для різних потреб користувачів.
Компонент автоматично фільтрує та сортує елементи, забезпечуючи плавну взаємодію. Підтримка комбінацій клавіш, зокрема ⌘K для перемикання меню, добре вписується в швидкий робочий процес. Стилі задаються за допомогою атрибутів data, що спрощує налаштування, а за замовчуванням компонент має чистий, неоформлений вигляд.
Завдяки розширеним можливостям, зокрема вкладеним меню, асинхронному завантаженню та ефективній роботі з великою кількістю елементів, компонент підходить для різноманітних застосунків — від простих проєктів до складніших, як-от меню команд Vercel. Він також відповідає сучасним принципам дизайну й сумісний із React 18, що підвищує продуктивність і надійність.
Можливості
- Компонований API
- Доступна функціональність комбобоксу
- Автоматичне фільтрування та сортування елементів
- Налаштування стилів за допомогою атрибутів data
- Підтримка комбінацій клавіш
- Підтримка вкладених елементів і груп
- Асинхронне завантаження елементів
- Оптимізована продуктивність для списків розміром до 3000 елементів
- Без стилів за замовчуванням, щоб налаштовувати їх самостійно
Пов’язані матеріали
Цей продукт пропонує надійний набір інструментів для створення інтерфейсів користувача на React, зосереджуючись на гнучкості та дотриманні стандартів дизайну.
- Зірки GitHub
- 94.2K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Не стилізовані, доступні примітиви React із відкритим кодом для високоякісних вебзастосунків і дизайн-систем.
- Зірки GitHub
- 16.0K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Адаптивний і доступний інструментарій для вдосконалення розробки сучасних вебзастосунків.
- Зірки GitHub
- 228
- Оновлено
- Dec 26, 2023
- Ліцензія
- MIT License
Це відкрите UI-рішення дає змогу створювати складні дизайн-системи за допомогою компонентів, які можна налаштувати відповідно до різних візуальних стилів і стандартів доступності.
- Зірки GitHub
- 3.9K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Цей інструмент допомагає розробникам швидко й ефективно створювати красиві інтерфейси завдяки семантичним назвам класів, які спрощують процес розробки.
- Зірки GitHub
- 34.3K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Добірка доступних компонентів UI, що легко інтегруються із сучасними дизайн-системами.
- Зірки GitHub
- 26.3K
- Оновлено
- Dec 6, 2024
- Ліцензія
- MIT License
Універсальна добірка чудово розроблених компонентів, що покращить ваші вебпроєкти та спростить процес дизайну.