<div data-controller="modal">
  <dialog id="description-modal" data-modal-target="dialog" class="p-8 rounded-lg backdrop:bg-black/80">
    <div>
      <p>This modal dialog has a groovy backdrop!</p>
      <button data-action="modal#close" class="px-2.5 py-1 bg-blue-500 text-white text-sm rounded">Close</button>
    </div>
  </dialog>
  <ol>
    <li>
      <button data-action="modal#open" data-modal-id="description-modal">Description</button>
    </li>
    <li>Tags</li>
  </ol>
</div>