Detail

Detail is a typography component used for disclosing extra information or smaller items in hierarchical relationships of text.

{
  "slug": "detail",
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/detail.json",
  "title": "Detail",
  "description": "Detail is a typography component used for disclosing extra information or smaller items in hierarchical relationships of text.",
  "meta": {
    "category": "typography",
    "documentationUrl": "https://spectrum.adobe.com/page/detail/"
  },
  "type": "object",
  "properties": {
    "script": {
      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/types/typography-script.json",
      "title": "typography-script",
      "description": "The script of the text.",
      "type": "string",
      "enum": [
        "latin",
        "han",
        "arabic",
        "hebrew"
      ],
      "default": "latin"
    },
    "weight": {
      "type": "string",
      "enum": [
        "light",
        "default"
      ],
      "default": "default"
    },
    "size": {
      "type": "string",
      "enum": [
        "s",
        "m",
        "l",
        "xl"
      ],
      "default": "m"
    }
  }
}