Лучшая практика для форматирования жирного шрифта с внешним контентом и корпоративными компонентами пользовательского ин ⇐ CSS

[Anonymous]

В нашем приложении используется внутренняя корпоративная библиотека пользовательского интерфейса (@company/components), которая предоставляет стилизованные компоненты, такие как текст, разделитель и т. Д. Я работаю над модальным компонентом, который отображает содержимое справки, где большая часть текстового содержимого выступает в файлах константов, чтобы сохранить компонент в чистоте. Html и теги при использовании DangerouncySetInnerHtml.

Код: Выделить всё

 export const GUIDE_SECTIONS = [
{
icon: 'magnifier',
title: 'Data Analysis & Trends',
description: "Our Platform[/b] offers exclusive insights on the market. The most trending items represent strategic opportunities to prioritize in your decisions.",
features: [
{
title: "What is a trending item?",
description: 'A trending item has the following characteristics:',
items: [
"High market tension (score of 3, 4 or 5): demand is strong[/b] while supply remains limited.",
'Fast rotation: the item sells quickly, a sign of its attractiveness.',
],
}
],
}
];
< /code>
Creact Component: < /p>
{feature.description && (

)}

Проблемы, с которыми я сталкиваюсь:

Конфликты в стиле: Корпоративные текстовые компоненты применяют свои собственные стили, которые, кажется, переоценивают теги и . /> < /ul>
Какой самый чистый подход для обработки жирного текста при смешивании корпоративных компонентов пользовательского интерфейса с внешним содержанием HTML? < /p>

Подробнее здесь: https://stackoverflow.com/questions/796 ... rate-ui-co