propsExample.md

Nested Yaml

props:
  BUTTON:
    BACKGROUND:
      value: blue
    COLOR:
      value: white 
    HOVER:
      BACKGROUND:
        value: blue
      COLOR:
        value: gray

Nested Yaml No Caps

props:
  button:
    background:
      value: blue
    color:
      value: white 
    hover:
      background:
        value: blue
      color:
        value: gray

Flat Yaml

props:
  BUTTON_BACKGROUND:
    value: blue
  BUTTON_COLOR:
    value: white 
  BUTTON_HOVER_BACKGROUND:
    value: blue
  BUTTON_HOVER_COLOR:
    value: gray

Flat JSON

{
  "props": {
    "BUTTON_BACKGROUND": {
      "value": "blue"
    },
    "BUTTON_COLOR": {
      "value": "white"
    },
    "BUTTON_HOVER_BACKGROUND": {
      "value": "blue"
    },
    "BUTTON_HOVER_COLOR": {
      "value": "gray"
    }
  }
}

Flat Json w/ Inline Values

{
  "props": {
    "BUTTON_BACKGROUND": {"value": "blue"},
    "BUTTON_COLOR": {"value": "white"},
    "BUTTON_HOVER_BACKGROUND": {"value": "blue"},
    "BUTTON_HOVER_COLOR": {"value": "gray"}
  }
}