foobar.html

  <px-modal
    header-text="Confirm delete"
    body-text="Do you want to delete this record? The record will be deleted permanently."
    accept-text="Permanently Delete Record"
    reject-text="Cancel"
    open-trigger="[[trigger]]">
    <div slot="body">
      <px-slider
      value="10"
      end-value="90"
      min="0"
      max="100"
      step="1"
      is-range
      scale="linear"
      base="10"
      exponent="2"
      min-label-position="bottom"
      max-label-position="bottom">
      </px-slider>
    </div>
  </px-modal>
  <px-modal-trigger
    trigger='{{trigger}}'>
    <button
      class='btn btn--tertiary'>Open Modal
    </button>
  </px-modal-trigger>