{
  "Name" : "Button",
  "Type" : "UI Element",
  "Types": {
      "Singular": {
        "Standard"     : ".ui.button",
        "Icon"         : ".ui.icon.button > i.add.icon",
        "Labeled Icon" : ".ui.labeled.icon.button > i.add.icon"
      },
      "Group": {
        "Standard"    : ".ui.buttons > .button+.button+.button",
        "Icon"        : ".ui.buttons > ( (.button > i.icon.user) + (.button > i.icon.heart) + (.button > i.icon.lab))",
        "Conditional" : ".ui.buttons > .button+.or+.button",
        "Vertical"    : ".vertical.ui.buttons > .button+.button+.button"
      }
  },
  "Text": {
    ".ui.button" : "Button"
  },
  "States": {
    "Active"   : "active",
    "Loading"  : "loading",
    "Disabled" : "disabled"
  },
  "Variations" : {
    "Circular" : "circular",
    "Fluid"    : "fluid",
    "Size": [
      "mini",
      "tiny",
      "small",
      "medium",
      "large",
      "huge",
      "massive"
    ],
    "Color": [
      "black",
      "green",
      "red",
      "blue",
      "green",
      "red",
      "teal"
    ],
    "Ordinality": [
      "secondary",
      "tertiary"
    ],
    "Attached" : [
      "attached top",
      "attached bottom",
      "attached left",
      "attached right"
    ]
  }
}