Как изменить уровень заголовка в '@ui5/webcomponents-react-charts/lib/RadialChart'

Question

Я новичок в веб-компонентах реакции UI5. Я делаю дашборд и просто застрял без прогресса.

Я могу уменьшить размер текста, изменив ui5-title > title приписывать H6 от H2 (дефолт).

------- Конфигурация ----------

App.js

import React from 'react';
import { RadialChart } from '@ui5/webcomponents-react-charts/lib/RadialChart';

const App = () => {
    return ( 
        <RadialChart
            value={number('value', 90)}
            displayValue={text('displayValue', 'CPU 90%')}
            level= { "H5"} // "tried multiple options with any success"
        />
     );
}

export default App;

Может кто-нибудь объяснить, как изменить этот заголовок на H6в ответном файле JS/CSS? И также я был бы очень признателен, если бы у меня была ссылка на "Учебник по CSS для реакции на sapui5 web comp".