如何在语义 UI 手风琴中使用从右到左的图标？

Question

我想在默认手风琴图标中使用带有“rtl”图标的“semantic-ui”手风琴，我希望我的手风琴图标看起来像这样

请帮我做这件事。

Answer 1

您可以简单地更改您正在使用的图标类来满足您的要求。

我在 rtl 中使用了“左角图标”。还有更多图标可以显示 rtl，这里是 link，其中包含默认语义支持的图标列表。

<div class="ui styled accordion">
   <div class=" title">
      <i class="angle left icon"></i>
      Title1
   </div>
   <div class="content">
      <p>Title Content</p>
   </div>
</div>

注意： 确保您使用的是正确版本的图标。某些legacy 版本图标不适用于最新语义版本。