Text
Текст с размером и весом, выбираемым через пропсы.
Полиморфный as меняет HTML-тег; medium усиливает начертание. size — размер шрифта в пикселях: 10, 12, 14, 16 (по умолчанию), 20, 24 или 32. Прежние s, m и l соответствуют 12, 16 и 20.
Живой пример
Label
Настройки примера
Использование
import { Text } from '@prosazhin/pbcomponents';
<Text
as='span'
size={16}
>
Label
</Text>;API компонента
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
size | 10 | 12 | 14 | 16 | 20 | 24 | 3210 · 12 · 14 · 16 · 20 · 24 · 32 | Размер шрифта в пикселях. Прежние s, m и l — это 12, 16 и 20. | 16 |
medium | boolean | Увеличенная насыщенность шрифта. | false |
as | ElementTypespan · p · div | HTML-тег текста. | span |
children | string | Содержимое компонента. | — |
className | string | Класс корневого элемента. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.