Отображение свойств вложенных компонентов




Обновление от 20/9/22, на момент публикации — открытая beta.

Описание

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

Это поможет быстрее редактировать и считывать свойства.

Пример

Например, у нас есть компонент кнопки (Bar), в которую вложен компонент иконки (Status), у которой есть варианты.

Два компонента
Два компонента

Для компонента кнопки (Bar) у нас есть логическая переменная, которая включает и выключает отображения иконки.

Если мы создадим экземпляр компонента и выделим его, то увидим это свойство:

Свойства компонента
Свойства компонента Bar

Как видите, в окне опций нет никакой информации о компненте-иконке (для которой существует три варианта).

Теперь давайте выделим компонент Bar, перейдем в окно Properties и нажмём +. В самом низу вы увидите Nested instances — вложенные компоненты.

Nested instances
Nested instances

Если мы нажмем на этот пункт меню, то откроется модальное окно:

Выбор вложенных компонентов
Выбор вложенных компонентов

Обратите внимание, что в списке только те компоненты, которые вложены в родительский.

Включим чекбокс и снова выделим экземпляр компонента:

Свойства вложенных компонентов
Свойства вложенных компонентов

Итак, вы видите сразу свойства основного компонента, но и выбор варианта для иконки Status (State).

 

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

Как добавить

  1. Выделите компонент верхнего уровня
  2. В правом сайдбаре в разделе Properties нажмите +
  3. Найдите Nested instances и нажмите на этот пункт меню
  4. Отметьте чекбоксами нужные вам компоненты

Как удалить

Вариант 1:

  1. Выделите родительский компонент
  2. правом сайдбаре в разделе Properties нажмите — у тех значений, которые хотите удалить

Вариант 2:

  1. Выделите компонент верхнего уровня
  2. В правом сайдбаре в разделе Properties нажмите +
  3. Найдите Nested instances и нажмите на этот пункт меню
  4. Снимите чекбоксы с компонентов, отображение свойств которых вам уже не нужно

 

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

По теме:



Друзья и партнеры 🤌