К содержимому
От панели свойств до целого рабочего пространства.
Используйте один инпут или соберите полноценный интерфейс редактора. DSK отвечает за элементы управления, а ваше приложение — за документ, отрисовку и историю изменений.
Точность в деталях ↗Меняйте значения перетаскиванием, вводите выражения и связывайте поля. Меньше повторяющихся действий.Всё для работы с цветом ↗Объединяйте тон, насыщенность, прозрачность и пипетку в палитру, подходящую вашему продукту.Часть вашего холста ↗Привязывайте линейки и HTML-метки к координатам движка. Управляйте реакцией на pan и zoom.
Обычный HTML. Ваш дизайн.
Зарегистрируйте компоненты один раз, затем используйте знакомые теги, атрибуты и события. Начать можно с двух элементов:
ts
import '@flowscape-ui/dsk';html
<dsk-input aria-label="Ширина" value="160" min="0" step="1"></dsk-input>
<dsk-angle aria-label="Поворот" value="32" unit="deg"></dsk-angle>Задавайте оформление через CSS и открытые части Shadow DOM, связывайте события со своим движком. Библиотеке компонентов не нужен фреймворк во время выполнения.
DSK в вашем редакторе.
Линейки, комментарий и инпуты поверх настоящего редактора.