{
  "name": "LineDivider",
  "tagName": "noora-line-divider",
  "elementClassName": "NooraLineDivider",
  "className": "noora-line-divider",
  "modulePath": "./priv/static/noora-web-components.js",
  "description": "Separates adjacent content with an optional inline label.",
  "usage": "<noora-line-divider text=\"or\"></noora-line-divider>",
  "attributes": [
    {
      "name": "text",
      "property": "text",
      "type": "string",
      "description": "Sets the optional inline label."
    }
  ],
  "readonlyProperties": [],
  "slots": [],
  "cssParts": [
    {
      "name": "divider",
      "description": "The divider."
    },
    {
      "name": "text",
      "description": "The inline label."
    }
  ],
  "notes": [],
  "examples": [
    {
      "id": "basic",
      "title": "Basic dividers",
      "description": "Match the LiveView component with a plain divider and an inline label.",
      "markup": "<noora-line-divider></noora-line-divider>\n<noora-line-divider text=\"OR\"></noora-line-divider>"
    },
    {
      "id": "text-variations",
      "title": "Text variations",
      "description": "Use the same text variations as the LiveView component.",
      "markup": "<noora-line-divider text=\"AND\"></noora-line-divider>\n<noora-line-divider text=\"Continue with\"></noora-line-divider>\n<noora-line-divider text=\"2\"></noora-line-divider>\n<noora-line-divider text=\"Alternative method\"></noora-line-divider>"
    }
  ]
}