# ナビゲーションバー

### デスクトップ

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-46185f58feb697db76345ac78222547b5a0057da%2FDesktop%20Top%20Nav.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-b7a864e59856b52ce22c06b25b9790fc04332d3d%2FTablet%20Top%20Nav.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-6784fcecd21f01e9113c3d00580aac77a80523d4%2FMobile%20Top%20Nav.png?alt=media" alt="モバイルトップナビゲーションバー"><figcaption></figcaption></figure>

{% hint style="info" %}
異なるトップナビゲーションバーの表示を見るには、[画面切り替え](https://help.adalo.com/ja/design/designing-your-app/using-the-screen-size-switcher)を使用してください。
{% endhint %}

### オフセットサイズ

オフセットサイズとは、画面の上部とトップナビゲーションコンポーネントの上部との間のスペースの量を指します。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c78e99473a02b90c305a37e6e2539ff5fe1e0787%2FTop%20Nav%20Offset.png?alt=media" alt=""><figcaption></figcaption></figure>