SemanSemantic-UItic-UI/spec/button.json

{
  "Name": "Button",
  "Type": "UI Element",
  "States": {
    "Active": "active",
    "Loading": "loading",
    "Disabled": "disabled"
  },
  "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"
  },
  "Variations": {
    "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"
    ],
    "Circular": "circular",
    "Fluid": "fluid"
  }
}