Typography

В состав Plasma Web входят компоненты, реализующие типографическую систему типографическую систему Plasma. Они заменяют обычные HTML-теги, такие, как h1, h2, h3, h4, p, etc.

Установка шрифта​

Компоненты типографики используют фирменный шрифт SB Sans Text. О том, как установить данный шрифт, смотрите на странице Типографическая система.

Отступы​

По умолчанию типографика поддерживает стандартные отступы. О том, как использовать отступы, читайте на странице Стандартные отступы.

Переносы​

По умолчанию в типографике слова переносятся по слогам. Чтобы отключить данный функционал, необходимо установить свойство breakWord в значении false.

Пробелы​

По умолчанию в типографике если текст превышает ширину элемента, то слова будут переноситься по пробелам. Чтобы запретить перенос по пробелам, необходимо установить свойство noWrap в значении true.

Смена тега​

Если при использовании компонентов необходимо сменить тег, то можно использовать свойство as:

Live Editor
Result
Open in CodeSandbox

Моноширинные числа​

Если необходимо сделать числа моноширинным, то нужно установить свойство inNumeric в значении true.

Состав​

Hero unit​

Live Editor
Result
Open in CodeSandbox

Заголовки​

Live Editor
Result
Open in CodeSandbox

Интерфейсы​

Типографика для таких частей интерфейса, как button, label, подписи, и т.п.

Live Editor
Result
Open in CodeSandbox

Текст​

Типографические элементы для описаний к статьям, дополнительной информации и т.д.

Live Editor
Result
Open in CodeSandbox