Code

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

Property	Values	Default value	Required
script	latin / han / arabic / hebrew The script of the text.	latin
size	xs / s / m / l / xl	m

{
  "slug": "code",
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/code.json",
  "title": "Code",
  "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/code/"
  },
  "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"
    },
    "size": {
      "type": "string",
      "enum": [
        "xs",
        "s",
        "m",
        "l",
        "xl"
      ],
      "default": "m"
    }
  }
}