@lad-tech/mobydick-core
Version:
React Native components library focused on usability, accessibility and developer experience
34 lines (22 loc) • 1.52 kB
Markdown
# @lad-tech/mobydick-core/typography
Пакет, который отвечает за типографику.
## Общее описание компонента
Компонент `Typography` предоставляет набор всех возможных комбинаций шрифтов, размеров и цветов текста в дизайн-системе.
Стиль текста задаётся параметром `font`:
```
<Typography font="SemiBold-Secondary-XS">Твой текст</Typography>
```
Первая часть параметра это начертание, второй 一 цвет, третий 一 размер.
**Примечание.** Если тебе нужен какой-то специфический размер или цвет текста, используй параметр `style`, где ты можешь конфигурировать дополнительно.
## Работа со шрифтами
Пакет включает в себя набор шрифтов Inter, которые необходимо привязывать вручную. Для этого в `react-native.config.js` необходимо добавить строчку пути к шрифтам:
```
module.exports = {
project: {
ios: {},
android: {},
},
assets: ['node_modules/@lad-tech/mobydick-core/src/typography/assets/fonts/'] // <--- добавить эту строчку
};
```
и выполнить команду `npx react-native-asset`.