Отображение свойств вложенных компонентов
Обновление от 20/9/22, на момент публикации — открытая beta.
Описание
Если в компонент вложен другой компонент (например, вариант иконки, который используется в кнопке), можно вывести свойства вложенного компонента для вывода, когда выбран родительский (верхнего уровня) компонент.
Это поможет быстрее редактировать и считывать свойства.
Пример
Например, у нас есть компонент кнопки (Bar), в которую вложен компонент иконки (Status), у которой есть варианты.
Для компонента кнопки (Bar) у нас есть логическая переменная, которая включает и выключает отображения иконки.
Если мы создадим экземпляр компонента и выделим его, то увидим это свойство:
Как видите, в окне опций нет никакой информации о компненте-иконке (для которой существует три варианта).
Теперь давайте выделим компонент Bar, перейдем в окно Properties и нажмём +. В самом низу вы увидите Nested instances — вложенные компоненты.
Если мы нажмем на этот пункт меню, то откроется модальное окно:
Обратите внимание, что в списке только те компоненты, которые вложены в родительский.
Включим чекбокс и снова выделим экземпляр компонента:
Итак, вы видите сразу свойства основного компонента, но и выбор варианта для иконки Status (State).
Таким образом мы можем выбирать, свойства каких вложенных компонентов отображаются при выделении родительского.
Как добавить
- Выделите компонент верхнего уровня
- В правом сайдбаре в разделе Properties нажмите +
- Найдите Nested instances и нажмите на этот пункт меню
- Отметьте чекбоксами нужные вам компоненты
Как удалить
Вариант 1:
- Выделите родительский компонент
- правом сайдбаре в разделе Properties нажмите — у тех значений, которые хотите удалить
Вариант 2:
- Выделите компонент верхнего уровня
- В правом сайдбаре в разделе Properties нажмите +
- Найдите Nested instances и нажмите на этот пункт меню
- Снимите чекбоксы с компонентов, отображение свойств которых вам уже не нужно
