Привет! Я использую PivotItem из OfficeUI-fabri c -react Framework. Я пытаюсь добавить изображение, чтобы изображение отображалось в сводках вместо текста. Я могу сделать это, но способ, которым я могу достичь этого, добавляет много ненужных интервалов. Мне интересно, есть ли способ обойти это. Я заметил, что добавление html элементов headerText создает этот интервал даже для текста.
<Pivot>
<PivotItem headerText={<img src="./assets/icon-16.png"/>}>
<Label>Pivot #1</Label>
</PivotItem>
<PivotItem headerText="foo">
<Label>Pivot #2</Label>
</PivotItem>
<PivotItem headerText={<div>foo<div/>}>
<Label>Pivot #3</Label>
</PivotItem>
</Pivot>
Вы можете видеть, что оба шага 2 и 3 показывают foo, но 3 добавляет дополнительный интервал. Есть ли способ удалить это расстояние или добавить изображения другим способом, который удалит это расстояние?