Как изменить шрифт заголовка компонента карты Ant Design?

Question

Как я могу изменить только шрифт заголовка, но сохранить шрифт по умолчанию для дочернего элемента компонента Card в Ant Design?

Пример компонента Card:

// How to change title style
<Card title="Default" extra={<a href="#">More</a>} style={{ width: 300 }}>
  <p>Card content</p>
  <p>Card content</p>
  <p>Card content</p>
</Card>

Answer 1

title свойство Card принимает ReactNode, поэтому вы можете отобразить любой реагирующий компонент, в частности его стиль:

import { Card, Typography } from 'antd';

const { Title } = Typography;

const App = () => (
  <Card title={<Title level={2}>Custom Title</Title>}>
    <p>Card Content</p>
  </Card>
);

title -Название карты - string|ReactNode