Modal not matching documentation

[gsouf]

Summary

This is what is advertised in the documentation:

This is what we get in the digital world:

I have to add a <Box> with padding to match the documentation example

Expected behavior

Get the component to behave as per the documentation or update the documentation.

Actual behavior

Not matching the documentation.

Steps to reproduce

Link to sandbox

1. Implement a modal as per the documentation:

<ui-modal id="my-modal">
  <p>Message</p>
  <ui-title-bar title="Title">
    <button variant="primary">Label</button>
    <button onclick="document.getElementById('my-modal').hide()">Label</button>
  </ui-title-bar>
</ui-modal>
<button onclick="document.getElementById('my-modal').show()">Open Modal</button>

2. Open it

Are you using React components?

None

Polaris version number

13.9.0

Browser

any

Device

computer