Это приложение для Linux под названием Floating UI, последнюю версию которого можно скачать по адресу @floating-ui_react-dom@2.1.6sourcecode.tar.gz. Его можно запустить онлайн на бесплатном хостинг-провайдере OnWorks для рабочих станций.
Загрузите и запустите онлайн это приложение под названием Floating UI with OnWorks бесплатно.
Следуйте этим инструкциям, чтобы запустить это приложение:
- 1. Загрузил это приложение на свой компьютер.
- 2. Введите в нашем файловом менеджере https://www.onworks.net/myfiles.php?username=XXXXX с желаемым именем пользователя.
- 3. Загрузите это приложение в такой файловый менеджер.
- 4. Запустите онлайн-эмулятор OnWorks Linux или Windows или онлайн-эмулятор MACOS с этого веб-сайта.
- 5. В только что запущенной ОС OnWorks Linux перейдите в наш файловый менеджер https://www.onworks.net/myfiles.php?username=XXXXX с желаемым именем пользователя.
- 6. Скачайте приложение, установите его и запустите.
СКРИНШОТЫ:
Плавающий интерфейс
ОПИСАНИЕ:
Библиотека JavaScript для позиционирования привязки, закрепите плавающий элемент рядом с другим элементом, убедившись, что он остается в поле зрения оптимально. Это позволяет размещать всплывающие подсказки, всплывающие окна или раскрывающиеся списки так, чтобы они эффективно плавали поверх пользовательского интерфейса! Этот набор инструментов позиционирования имеет независимое от платформы ядро размером 0.6 КБ (минимизированное + сжатое Brotli) с официальными привязками для Интернета, React DOM, React Native и Vue. В дополнение к позиционированию существуют также примитивы взаимодействия для создания плавающих компонентов пользовательского интерфейса с помощью React. Это включает в себя обработчики событий для наведения, фокуса или щелчка, модальное и немодальное управление фокусом, навигацию по списку клавиатуры, ввод текста, порталы, фоновые наложения, поддержку чтения с экрана и многое другое. Плавающие элементы позиционируются абсолютно, обычно они привязаны к другому элементу пользовательского интерфейса. Обеспечение того, чтобы плавающий элемент оставался закрепленным рядом с другим элементом, может быть сложной задачей, особенно в уникальных контекстах макета, таких как контейнеры с прокруткой.
Особенности
- Помещает ваш плавающий элемент относительно другого элемента
- Сдвигает ваш плавающий элемент, чтобы держать его в поле зрения
- Изменяет размещение вашего плавающего элемента, чтобы держать его в поле зрения
- Изменяет размер вашего плавающего элемента, чтобы держать его в поле зрения
- Динамически позиционирует элемент стрелки с учетом центра
- Привязка к любым координатам, например к курсору мыши
Язык программирования
TypeScript
Категории
Это приложение также можно загрузить с https://sourceforge.net/projects/floating-ui.mirror/. Он был размещен в OnWorks, чтобы его можно было легко запускать в Интернете с помощью одной из наших бесплатных операционных систем.