{
  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
  "name": "dropdown-select",
  "type": "hyperframes:block",
  "title": "Dropdown select",
  "description": "Use it for a choice being made in UI: a rounded trigger that fills the host, whose background slides down onto the chosen item when the list opens and saturates to the highlight colour with a check mark, while the trigger label greys and the other items sit out of focus below.",
  "tags": [
    "launchable",
    "ui"
  ],
  "license": "MIT",
  "dimensions": {
    "width": 1920,
    "height": 1080
  },
  "duration": 3,
  "files": [
    {
      "path": "compositions/dropdown-select.html",
      "target": "compositions/dropdown-select.html",
      "type": "hyperframes:composition"
    },
    {
      "path": "assets/fonts/LICENSE-Instrument-Serif.txt",
      "target": "assets/fonts/LICENSE-Instrument-Serif.txt",
      "type": "hyperframes:asset"
    },
    {
      "path": "assets/fonts/instrument-serif-latin-400-italic.woff2",
      "target": "assets/fonts/instrument-serif-latin-400-italic.woff2",
      "type": "hyperframes:asset"
    },
    {
      "path": "assets/fonts/instrument-serif-latin-400-normal.woff2",
      "target": "assets/fonts/instrument-serif-latin-400-normal.woff2",
      "type": "hyperframes:asset"
    },
    {
      "path": "assets/vendor/gsap.min.js",
      "target": "assets/vendor/gsap.min.js",
      "type": "hyperframes:asset"
    }
  ]
}