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

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

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

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

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

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

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

Дополнительно:

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

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

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

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

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

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


    • + Заказать

     

    Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

     

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

      Когда речь идет о создании веб-страниц, важно понимать разницу между компонентами и стилями текста.

      Компоненты - это независимые блоки, которые могут содержать стили, контент и функциональность. Они могут быть переиспользованы на разных страницах сайта и обеспечивают модульность и удобство в разработке. Компоненты могут содержать как текстовую информацию, так и другие элементы дизайна, такие как изображения, кнопки, формы и т.д.

      Стили текста, с другой стороны, применяются непосредственно к отдельным элементам текста на странице. Они могут быть использованы для изменения шрифта, размера текста, цвета, выравнивания и других аспектов визуального оформления текста.

      Теперь рассмотрим вопрос: стоит ли использовать компоненты вместо стилей текста? Ответ на этот вопрос зависит от конкретной ситуации и требований проекта.

      Использование компонентов имеет ряд преимуществ. Во-первых, компоненты позволяют создавать консистентный дизайн на всем сайте, что способствует лучшему пользовательскому опыту. Во-вторых, компоненты обеспечивают переиспользование кода и упрощают его обслуживание. В-третьих, компоненты могут содержать как текстовую информацию, так и другие элементы дизайна, что делает их более мощным инструментом для создания веб-страниц.

      Однако стоит помнить, что использование компонентов требует некоторого уровня опыта во фронтенд-разработке. Это может потребовать дополнительного времени и усилий при создании и настройке компонентов. Если ваш проект маленький и не требует сложного дизайна, то использование компонентов может быть излишним.

      Таким образом, решение о том, стоит ли использовать компоненты вместо стилей текста, должно быть принято с учетом конкретных потребностей и характеристик проекта. Если ваш проект требует консистентности дизайна, переиспользуемости кода и масштабируемости, то использование компонентов может быть хорошим решением. В противном случае, использование стилей текста может быть более простым и эффективным подходом.

    Оставить комментарий