将 Fluent UI Nav 中的 Chevron 移动到右侧

【问题标题】：Move Chevron in Fluent UI Nav to Right Side将 Fluent UI Nav 中的 Chevron 移动到右侧
【发布时间】：2021-09-26 14:33:27
【问题描述】：

在https://developer.microsoft.com/en-us/fluentui#/controls/web/nav 的任何导航示例中，我将如何将雪佛龙从左侧移动到右侧？

【问题讨论】：

【解决方案1】：

使用Nav Component 的styles 属性很简单：

<Nav
  ...
  styles={{
    chevronButton: {
      right: 0,
      left: 'none',
    }
  }}
/>

Codepen 工作示例。

【讨论】：