{
  "name": "ds-required",
  "description": "Required field indicator",
  "docUrl": "https://design.soracom.io/design-system/web-components/required/",
  "category": "utility",
  "htmlElements": [
    "span"
  ],
  "isWebComponent": true,
  "modifiers": {},
  "examples": [
    {
      "name": "basic",
      "html": "<ds-required></ds-required>"
    },
    {
      "name": "in-label",
      "html": "<label class=\"ds-field\"><div class=\"ds-text --label\">Name <ds-required></ds-required></div><div class=\"ds-input\"><input type=\"text\" placeholder=\"Enter name\" required></div></label>"
    },
    {
      "name": "native-abbr",
      "html": "<abbr class=\"--required\" title=\"required\">*</abbr>"
    }
  ]
}