{
  "name": "sticky-bar",
  "displayName": "Sticky bar",
  "type": "shadow",
  "isCustomElement": true,
  "tag": "l-sticky-bar",
  "nativeTag": null,
  "selector": "l-sticky-bar",
  "subItemOf": null,
  "summary": "A bar docked to the viewport edge, revealed in the top layer when a referenced element scrolls out of view.",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": null,
    "js": "luxen-ui/sticky-bar"
  },
  "properties": [
    {
      "name": "for",
      "attribute": "for",
      "type": "string",
      "default": "''",
      "reflects": false,
      "description": "HTML id of the element to track. When that element leaves the viewport, the bar reveals. Omit for a permanently visible bar."
    },
    {
      "name": "root",
      "attribute": "root",
      "type": "string",
      "default": "''",
      "reflects": false,
      "description": "HTML id of the scrolling ancestor used as the IntersectionObserver root. Omit to use the viewport. Useful for nested scroll containers (CMS preview panes, modals)."
    },
    {
      "name": "placement",
      "attribute": "placement",
      "type": "'bottom' | 'top'",
      "default": "'bottom'",
      "reflects": true,
      "description": "Edge to dock against."
    }
  ],
  "attributes": [],
  "events": [
    {
      "name": "show",
      "description": "Fired before the bar reveals. Cancelable.",
      "cancelable": true
    },
    {
      "name": "after-show",
      "description": "Fired after the reveal animation completes. Not cancelable.",
      "cancelable": false
    },
    {
      "name": "hide",
      "description": "Fired before the bar hides. Cancelable.",
      "cancelable": true
    },
    {
      "name": "after-hide",
      "description": "Fired after the hide animation completes. Not cancelable.",
      "cancelable": false
    }
  ],
  "methods": [],
  "slots": [
    {
      "name": "",
      "description": "Bar content. Owns its own background, padding, and typography."
    }
  ],
  "cssClasses": [],
  "cssParts": [],
  "cssProperties": [
    {
      "name": "--show-duration",
      "default": "200ms",
      "description": "Reveal animation duration."
    },
    {
      "name": "--hide-duration",
      "default": "200ms",
      "description": "Dismiss animation duration."
    },
    {
      "name": "--offset",
      "default": "0px",
      "description": "Distance from the active edge. Use to clear a sticky header when `placement=\"top\"`."
    }
  ],
  "commands": [],
  "examples": []
}