README.md

@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.