# Vaul

Нестилизованный компонент выдвижной панели для простой интеграции в приложения React, который делает взаимодействие на мобильных устройствах удобнее.

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

Vaul — это нестилизованный компонент выдвижной панели, разработанный специально для приложений React. Он служит заменой диалоговым окнам и оптимизирован для планшетов и мобильных устройств. Компонент спроектирован с учетом гибкости, поэтому разработчики могут настраивать его поведение и внешний вид в своих приложениях.

Одна из ключевых возможностей — масштабирование фона при открытии панели, которое создает более эффектное взаимодействие. Панелью можно управлять программно, задавая ее состояние открытия с помощью управления состоянием в React.

Vaul предоставляет простой API для интеграции и четко определенные компоненты, такие как Drawer.Root, Drawer.Trigger, Drawer.Content и Drawer.Overlay. Это помогает поддерживать структуру при добавлении компонента в приложение. Библиотека поддерживает точки фиксации для удобного взаимодействия, настройку контейнера панели и возможность запретить ее закрытие.

Этот компонент подойдет разработчикам, которым нужна адаптивная панель для мобильных устройств без ограничений, связанных со стилизованными компонентами, которые могут конфликтовать с системой дизайна приложения.

Примеры использования можно посмотреть в интерактивных демонстрациях на CodeSandbox. В них показаны различные возможности компонента, в том числе управление прокруткой и пользовательские точки фиксации.

## Возможности

- Нестилизованный компонент выдвижной панели
- Оптимизация для мобильных устройств и планшетов
- Масштабирование фона
- Настраиваемые точки фиксации
- Программное управление состоянием открытия
- Поддержка вложенных выдвижных панелей
- Гибкое размещение содержимого
- Пользовательский портал для отображения

## Подробности

**Звёзды на GitHub**

6.5K

**Загрузки NPM**

605.0K/неделю

**Последняя версия**

1.1.1

**Создано**

Jul 16, 2023

**Обновлено**

Dec 6, 2024

**Лицензия**

MIT License

Ваша реклама здесь?

[Напишите нам по электронной почте](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20KickstartUI)

[Реклама Набор плагинов для работы агентов с WordPress.](https://sleekwp.com/?ref=kickstartui)

## Похожие ресурсы

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

Не имеющие встроенной разметки и стилей компоненты React для создания доступных интерфейсов с широкими возможностями настройки и полным контролем над оформлением.

**Звёзды на GitHub**

5.2K

**Обновлено**

Aug 17, 2025

**Лицензия**

MIT License

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

Обширный набор компонентов UI с открытым исходным кодом для удобного и эффективного создания приложений Vue.js.

**Звёзды на GitHub**

11.0K

**Обновлено**

Dec 6, 2024

**Лицензия**

MIT License

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

Примитивы React без стилей, с поддержкой доступности и открытым исходным кодом для качественных веб-приложений и дизайн-систем.

**Звёзды на GitHub**

16.0K

**Обновлено**

Dec 6, 2024

**Лицензия**

MIT License

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

Это решение с открытым исходным кодом UI позволяет создавать сложные дизайн-системы с помощью настраиваемых компонентов, которые можно адаптировать к различным визуальным стилям и стандартам доступности.

**Звёзды на GitHub**

3.9K

**Обновлено**

Dec 6, 2024

**Лицензия**

MIT License

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

Быстро и эффективно создавайте доступные веб-приложения с помощью набора необходимых компонентов, которые просты в использовании и легко настраиваются.

**Звёзды на GitHub**

38.1K

**Обновлено**

Dec 6, 2024

**Лицензия**

MIT License

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

Этот компонент представляет собой полноценное решение для меню команд в React, уделяя особое внимание удобству использования и гибкости для разработчиков.

**Звёзды на GitHub**

10.0K

**Обновлено**

Dec 6, 2024

**Лицензия**

MIT License

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

Проект для простого создания сайтов с документацией, ориентированный на контент и удобство использования.

**Звёзды на GitHub**

57.0K

**Обновлено**

Dec 6, 2024

**Лицензия**

MIT License

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

Универсальная коллекция красиво оформленных компонентов, которая поможет улучшить ваши веб-проекты и упростить процесс дизайна.