Не имеющие встроенной разметки и стилей компоненты React для создания доступных интерфейсов с широкими возможностями настройки и полным контролем над оформлением.
- Звёзды на GitHub
- 5.2K
- Обновлено
- Aug 17, 2025
- Лицензия
- MIT License
Vaul
Нестилизованный компонент выдвижной панели для простой интеграции в приложения React, который делает взаимодействие на мобильных устройствах удобнее.
Vaul — это нестилизованный компонент выдвижной панели, разработанный специально для приложений React. Он служит заменой диалоговым окнам и оптимизирован для планшетов и мобильных устройств. Компонент спроектирован с учетом гибкости, поэтому разработчики могут настраивать его поведение и внешний вид в своих приложениях.
Одна из ключевых возможностей — масштабирование фона при открытии панели, которое создает более эффектное взаимодействие. Панелью можно управлять программно, задавая ее состояние открытия с помощью управления состоянием в React.
Vaul предоставляет простой API для интеграции и четко определенные компоненты, такие как Drawer.Root, Drawer.Trigger, Drawer.Content и Drawer.Overlay. Это помогает поддерживать структуру при добавлении компонента в приложение. Библиотека поддерживает точки фиксации для удобного взаимодействия, настройку контейнера панели и возможность запретить ее закрытие.
Этот компонент подойдет разработчикам, которым нужна адаптивная панель для мобильных устройств без ограничений, связанных со стилизованными компонентами, которые могут конфликтовать с системой дизайна приложения.
Примеры использования можно посмотреть в интерактивных демонстрациях на CodeSandbox. В них показаны различные возможности компонента, в том числе управление прокруткой и пользовательские точки фиксации.
Возможности
- Нестилизованный компонент выдвижной панели
- Оптимизация для мобильных устройств и планшетов
- Масштабирование фона
- Настраиваемые точки фиксации
- Программное управление состоянием открытия
- Поддержка вложенных выдвижных панелей
- Гибкое размещение содержимого
- Пользовательский портал для отображения
Похожие ресурсы
Обширный набор компонентов UI с открытым исходным кодом для удобного и эффективного создания приложений Vue.js.
- Звёзды на GitHub
- 11.0K
- Обновлено
- Dec 6, 2024
- Лицензия
- MIT License
Примитивы 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
Универсальная коллекция красиво оформленных компонентов, которая поможет улучшить ваши веб-проекты и упростить процесс дизайна.