0

Использую Ant-Design 5.3.0.

Хочу изменить fontSize токен только для компонента Typography, но он почему-то не применяется. Если глобально токен изменить, то меняется - но тогда токен повлияет на все остальные компоненты, а мне этого не нужно

Вот код:

function App() {
return (
    <ConfigProvider
        theme={{
            token: {
                lineHeight: 1.2,
            },
            components: {
                Typography: {
                    fontSize: 20,
                    fontSizeHeading1: 32,
                    fontSizeHeading2: 24,
                    fontSizeHeading3: 20,
                    fontSizeHeading4: 16,
                    fontSizeHeading5: 14,
                    lineHeightHeading1: 1.2,
                    lineHeightHeading2: 1.2,
                    lineHeightHeading3: 1.2,
                    lineHeightHeading4: 1.2,
                    lineHeightHeading5: 1.2,
                },
                Select: {
                    controlHeight: 40,
                    controlHeightLG: 42,
                    borderRadius: 16,
                    lineWidth: 0,
                },
            },
        }}
    >
        <RouterProvider router={router} />
    </ConfigProvider>

Отрисовывает типографику не с 20px шрифтом, а дефолтным 14px. Почему это происходит и как сделать?

1 ответ 1

0

В данный момент в 5 версии antd многие компоненты невозможно стилизовать. Вот ссылка на актуальный issue: клик
Как вариант, можно создать глобальный класс типа .baseTypography и прописывать везде где нужно

1
  • Да, как вариант. Сейчас работает так: можно глобальный font size token установить либо для каждого элемента typography через его API инлайн стили прописывать.
    – Evgeniy S.
    16 мар в 10:51

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.