---
title: React Components
api_name: app-bridge-library
source_url:
  html: https://shopify.dev/docs/api/app-bridge-library/react-components
  md: https://shopify.dev/docs/api/app-bridge-library/react-components.md
---

# React Components

[![Modal Component](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/tools/app-bridge-modal-BUQeTJIG.png)![Modal Component](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/tools/app-bridge-modal-BUQeTJIG.png)](https://shopify.dev/docs/api/app-bridge-library/react-components/modal-component)

[Modal Component](https://shopify.dev/docs/api/app-bridge-library/react-components/modal-component)

[The Modal API allows you to display an overlay that prevents interaction with the rest of the app until dismissed.](https://shopify.dev/docs/api/app-bridge-library/react-components/modal-component)

[![NavMenu Component](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/tools/app-bridge-navigation-menu-DdMXEPrX.png)![NavMenu Component](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/tools/app-bridge-navigation-menu-DdMXEPrX.png)](https://shopify.dev/docs/api/app-bridge-library/react-components/navmenu-component)

[Nav​Menu Component](https://shopify.dev/docs/api/app-bridge-library/react-components/navmenu-component)

[The Navigation Menu API creates a navigation menu for your app.](https://shopify.dev/docs/api/app-bridge-library/react-components/navmenu-component)

[![SaveBar Component](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/admin/apis/contextual-save-bar-D20oMpjo.png)![SaveBar Component](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/templated-apis-screenshots/admin/apis/contextual-save-bar-D20oMpjo.png)](https://shopify.dev/docs/api/app-bridge-library/react-components/savebar-component)

[Save​Bar Component](https://shopify.dev/docs/api/app-bridge-library/react-components/savebar-component)

[The Save Bar API is used to indicate that a form on the current page has unsaved information.](https://shopify.dev/docs/api/app-bridge-library/react-components/savebar-component)

[![TitleBar Component](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/tools/app-bridge-title-bar-7Xhn5Fbt.png)![TitleBar Component](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/tools/app-bridge-title-bar-7Xhn5Fbt.png)](https://shopify.dev/docs/api/app-bridge-library/react-components/titlebar-component)

[Title​Bar Component](https://shopify.dev/docs/api/app-bridge-library/react-components/titlebar-component)

[The Title Bar API allows you to populate a standardized title bar with button actions and navigation breadcrumbs.](https://shopify.dev/docs/api/app-bridge-library/react-components/titlebar-component)