Custom AR Button

Model opens in Augmented Reality when user clicks on the button. Pass your own <button> element to the 'ar-button' slot of <see-my-model-button> element.

CSS

.custom-ar-button {
  background-color: green;
  border-radius: 32px;
  border: none;
  font-size: 16px;
  padding: 8px 16px;
  cursor: pointer;
}

HTML

<see-my-model-button model-access-key="5fc65e30abc6be001260be53">
  <button class="custom-ar-button" slot="ar-button">AR</button>
</see-my-model-button>