Стоит ли использовать компоненты вместо стилей текста?

Question

[TooTal]

Figma.
На данный момент в стиле текста нельзя задать нижний отступ (bottom margin). Эту проблему можно решить двумя способами:
1. Руками настраивать отступы между Текстом и блоками/элементами.
2. Создать компонент, который включает в себя текстовый элемент со стилем и прозрачный прямоугольник, который будет выступать в роли bottom margin. Пример ниже на скрине:


В первом случае отступ в 24 пикселя настроен вручную, а во втором фактическое расстояние между элементами 0px, однако визуальное пространство есть (если поставить прозрачность красного блока на 0).

Ответ на вопрос очевиден, первый вариант проще, так как Автолейаут в любом случае будет и нет разницы какое расстояние установлено между элементами внутри Автолейаута.

Однако, как я спросил у разработчика, он сказал, что второй вариант с отступом в виде невидимого блока x24px будет удобней при верстке.

Так и наконец-то вопрос: Стоит ли мне морочить себе и разрабу голову создавая компоненты из текста и прилагающегося к нему невидимому блоку (отступу)?

Comments

[imko]

Я бы еще сказал обязательно отключить text-edge и leading-trim или как там их зовут. Это не работает практически ни в каком браузере, ваш разраб будет руками подгонять это под каждую разновидность шрифта, хорошо если подгонит, но потом как че-то менять решите проблем не оберетесь

[imko]

Отступ от текста это не параметр текста, он будет появлсяться ситуативно. В кнопке в одну строку например вы тоже его добавите? Значит это в каждом блоке который использует текст настраивается индивидуально

[TooTal]

imko, Все верно, отступ это не параметр текста, а значит есть вариант сделать отступ и засунуть его в компонент к тексту. Как на изображении.
Насчет кнопок, да я согласен, для этого нужно будет сделать стиль, а не компонент, так как отступы там не нужны.

Я все же решил сделать библиотеку компонентов из текста с этими отступами, протестирую, насколько это удобно, потом дам знать, если что.