Почему boolean property лучше не использовать в компонентах?
Boolean property — это свойство компонента, которое позволяет показывать/скрывать элемент внутри другого компонента
В итоге получаем свитчер который переключает видимость элемента
И вроде бы все хорошо но есть ряд минусов:
- Скрытые компоненты грузят фигму. Если проект небольшой — то это некритично, если масштабный — может вырасти в проблему
- Нельзя кастомизировать отступы. Представим что есть кнопка с иконкой. Внутри контейнера иконки есть 2px отступа от краев до самой иконки. Логично что если у кнопки без иконки отступы 16-16 то желательно у кнопки с иконкой учесть те 2 пикселя что внутри иконки. Соответственно 14-16. С вышеуказанным свойством этого сделать не получится
- Неудобно документировать в фигме и описывать варианты (субъективно)
Как быть?
Для себя понял что лучше старых добрых вариантов пока ничего нет
Создаете вариант кнопки без иконки (Добавляете ему свойство% Nameproperty% и ставите значение OFF или FALSE)
На варианте с иконкой меняете значение на ON или TRUE
У дочернего компонента будет такой же свитчер но будут отсутствовать те минусы что перечислил выше
Это моя первая небольшая статья на vc и я буду рад услышать любое мнение. Если статья понравилась то заглядывайте ко мне в телегу
3 комментария