{
  "name": "ds-modal",
  "description": "Modal overlay container",
  "docUrl": "https://design.soracom.io/design-system/containers/modal/",
  "category": "containers",
  "htmlElements": [
    "div"
  ],
  "isWebComponent": false,
  "modifiers": {},
  "examples": [
    {
      "name": "basic",
      "html": "<div class=\"ds-modal\"><div class=\"ds-dialog\"><header><h2>Modal Title</h2></header><section><p>Modal content goes here.</p></section><footer><div class=\"ds-controls\"><button class=\"ds-button --plain\">Cancel</button><button class=\"ds-button --primary\">Confirm</button></div></footer></div></div>"
    }
  ]
}