Modal button trigger

Internal use only. These components are available only within Atlassian.
ExamplesUsage

ModalContextProvider is required at the top of your application. This standalone example includes its own provider.

Basic usage

Use ModalButtonTrigger to open a modal from a standard button. This example uses a primary button; the trigger connects the button to the entry point without a render function.

Select Open modal to load the modal content.

import React from 'react'; import { ModalButtonTrigger } from '@atlassian/entry-points/modal-button-trigger'; import { ModalContextProvider } from '@atlassian/entry-points/modal-context-provider'; import { modalEntryPoint } from '../fixtures/modal-entry-point'; import { RelayWrapper } from '../utils/wrapper'; export default function ModalButtonTriggerExample(): React.JSX.Element { return ( <RelayWrapper> <ModalContextProvider> <ModalButtonTrigger entryPoint={modalEntryPoint} modalTitle="Example Modal" loadingText="Loading example modal" appearance="primary" aria-haspopup="dialog" > Open modal </ModalButtonTrigger> </ModalContextProvider> </RelayWrapper> ); }

All Modal trigger customizations also apply to this variant. Use modalTitle for the fallback title instead of ModalTrigger's title prop. The loaded modal renders its own title.

See Modal trigger usage for shared asynchronous usage guidance, including internationalization and loading and error fallbacks.

Was this page helpful?
We use this feedback to improve our documentation.
© 2026 AtlassianTrademark, (opens new window)Privacy, (opens new window)License