Text

Текст с размером и весом, выбираемым через пропсы.

Полиморфный as меняет HTML-тег; medium усиливает начертание.

Живой пример

Label

Настройки примера

Использование

import { Text } from '@prosazhin/pbcomponents';

<Text
  as='span'
  size='m'
>
  Label
</Text>;

API компонента

PropТип / вариантыНазначениеПо умолчанию
size's' | 'm' | 'l's · m · lРазмер компонента.m
mediumbooleanУвеличенная насыщенность шрифта.false
asElementTypespan · p · divHTML-тег текста.span
childrenstringСодержимое компонента.
classNamestringКласс корневого элемента.

Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.