## Default (transactional) ## Custom focus By default, the modal close button will be focused when opened. Use the `selectorPrimaryFocus` to specify the element that should be focused when the modal is opened (e.g., `#id`, `.class`, `[data-attribute]`). ## Danger modal ## Passive modal ## Has scrolling content Setting `hasScrollingContent` to `true` increases the vertical space within the modal. ## Multiple modals ## Multiple secondary buttons Use the `secondaryButtons` prop to render two secondary buttons. The prop is a 2-tuple type that supersedes `secondaryButtonText`. ## Extra-small size ## Small size ## Large size ## Prevent close on outside click `preventCloseOnClickOutside` prevents the modal from being closed when clicking outside of an open modal. This prop is intended to be used for transactional modals. ## Button with icon