UNPKG

@lad-tech/mobydick-core

Version:

React Native components library focused on usability, accessibility and developer experience

34 lines (22 loc) 1.52 kB
# @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`.