# メニューのスタイル

### アクティブインジケータ

アクティブインジケータはどのメニューアイテムがアクティブかを示します。

#### 背景塗りつぶし

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-ae7e9986adec97f5c066d1dc7e80d3f62e9655c7%2FMenu%20Style%20Background%20Fill.png?alt=media" alt="背景塗りつぶし サイドナビゲーション"><figcaption></figcaption></figure>

#### 背景塗りつぶしの全幅

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-dec05340b134b15f6957ee21953b058f7273bb19%2FMenu%20Style%20Full%20Width%20Background%20Fill.png?alt=media" alt="全幅背景塗りつぶし サイドナビゲーション"><figcaption></figcaption></figure>

#### ライン

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-4d64c0ff3f3e1ba9c2ef17fa23cddeb8510ea42f%2FMenu%20Style%20Line.png?alt=media" alt="ライン サイドナビゲーション"><figcaption></figcaption></figure>

### ディバイダ

メニューディバイダは各メニューアイテムの間の線です。色や幅を調整したり、オフに切り替えることができます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-87198f4b381e04bf279d4c8629f09f71a04a4471%2FMenu%20Item%20Divider.png?alt=media" alt="メニュースタイルディバイダ サイドナビゲーション"><figcaption></figcaption></figure>

### 小さなサイドメニューアイテムテキスト

{% hint style="info" %}
この設定は小さなサイドメニューにのみ影響します。
{% endhint %}

小さなサイドメニューアイテムテキストを使用すると、小さなサイドメニューを使用する際にメニュータイトルを切り替えることができます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-723e09fcf50a8133392e5868ecd5efb8250e69c2%2FShow%20Side%20Menu%20Item%20Text.png?alt=media" alt=""><figcaption></figcaption></figure>