Интерфейс Ring добавляет поддержку света и тьмы


Существует обновленная версия элементов управления Ring UI для использования при создании веб-приложений в JetBrains. Обновленная версия обрабатывает светлые и темные среды, а также поддерживает свойства и модули CSS.

Ring UI – это библиотека элементов управления пользовательского интерфейса JavaScript, которые изначально были разработаны JetBrains для собственного использования. Он содержит 50 элементов управления React, от простых ссылок и кнопок до более сложных параметров, таких как выбор даты и список данных. Намерение сделать библиотеку более доступной – дать разработчикам возможность соответствовать стилю пользовательских интерфейсов JetBrains в таких продуктах, как JetBrains Hub. Компоненты Ring UI создаются с использованием React или Angular. Наряду с компонентами существуют API-интерфейсы для управления формами и входными данными, а также служебные программы, используемые при разработке приложений, такие как HTTP-запросы.

В новую версию добавлены три новых компонента. Есть компонент сообщения, который показывает немодальный диалог с сообщением и действием, которое нужно отклонить; набор вкладок; и Toggle, кнопка включения / выключения, которая может отображаться разными способами:

Изменения в новой версии начинаются с визуального языка, используемого для определения компонентов. Разработчики говорят, что он был полностью переработан, чтобы сделать его чистым и современным. Что еще более важно, многие компоненты теперь также имеют свойство темы, которое переключает внешний вид компонента, чтобы лучше работать с темным и светлым фоном.

Компоненты также были созданы для постоянного использования настраиваемых свойств CSS для указания своих цветов, шрифтов и других параметров. Это позволяет вам на лету изменять внешний вид компонентов в современных браузерах (устаревшие браузеры используют значения по умолчанию). Использование цветов также было улучшено, поэтому вы можете использовать цвета из пользовательского интерфейса Ring в своих приложениях для создания согласованного пользовательского интерфейса.

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


Добавить комментарий