About cookies on this site Our websites require some cookies to function properly (required). In addition, other cookies may be used with your consent to analyze site usage, improve the user experience and for advertising. For more information, please review your options. By visiting our website, you agree to our processing of information as described in IBM’sprivacy statement. To provide a smooth navigation, your cookie preferences will be shared across the IBM web domains listed here.
Modal
Preview the modal component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.
Documentation
Feature flags
A feature flag has been added to modal to improve accessibility and changes parts of its functionality, not its visual appearance. For more code-specific feature flag information, refer to the @carbon/react framework.
The enable-experimental-focus-wrap-without-sentinels flag is a new approach to
focus wrap behavior, modifying the DOM to no longer include hidden “sentinel
nodes” that previously marked the beginning and end of the wrapped focus. This
behavior considers all interactive child nodes and wraps focus based on their
tab order.
Live demo
This live demo contains only a preview of functionality and styles available for this component. View the full demo on Storybook for additional information such as its version, controls, and API documentation.
