> ## Documentation Index
> Fetch the complete documentation index at: https://docs.seam.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Genie Garage Openers

> Guide for using Genie garage openers with Seam

export const DeviceList = ({manufacturers, capabilityName, token = "6c51f0a4-d421-429e-8295-d02271aa4f23"}) => {
  const cdn = "https://cdn.devicedb.seam.co/v/0.0.15/DeviceListByCapability.global.js";
  const close = "</scr" + "ipt>";
  const srcDoc = ['<!doctype html><html><head><meta charset="utf-8">', "<style>html,body{margin:0;padding:0;background:transparent}</style></head><body>", `<script type="module" src="${cdn}">${close}`, `<device-list-by-capability manufacturers="${manufacturers}" capability-name="${capabilityName}" token="${token}"></device-list-by-capability>`, `<script>new ResizeObserver(function(){parent.postMessage({__devicedb:true,height:document.documentElement.scrollHeight},"*")}).observe(document.documentElement)${close}`, "</body></html>"].join("");
  const onRef = iframe => {
    if (!iframe || iframe.dataset.devicedbBound) return;
    iframe.dataset.devicedbBound = "1";
    window.addEventListener("message", event => {
      if (event.source === iframe.contentWindow && event.data && event.data.__devicedb) {
        iframe.style.height = `${event.data.height}px`;
      }
    });
  };
  return <iframe ref={onRef} srcDoc={srcDoc} title="Compatible devices" style={{
    width: "100%",
    minHeight: "320px",
    border: "none"
  }} />;
};

<img src="https://strapi-media-bucket.fly.storage.tigris.dev/sq_genie_5831f7ba64.svg" alt="Genie logo" width="192" height="192" style={{ width: "192px", height: "192px", objectFit: "contain" }} />

## Overview

Seam integrates with Genie garage openers.

## Supported Devices

<DeviceList manufacturers="genie" capabilityName="can_remotely_unlock" />
