{ "context": { "params":{ "title": "Button text", "type": "sta-button" } }, "variants": [ { "name": "Action button", "status": "prototype", "context": { "params":{ "title": "Button text", "type": "sta-button-action" } } }, { "name": "Secondary action button", "status": "prototype", "context": { "params":{ "title": "Button text", "type": "sta-button-action-secondary" } } }, { "name": "Outline button", "status": "prototype", "context": { "params":{ "title": "Button text", "type": "sta-button-outline" } } }, { "name": "Text button", "status": "prototype", "context": { "params":{ "title": "Button text", "type": "sta-button-text" } } }, { "name": "Icon button", "status": "prototype", "context": { "params":{ "title": "Button text", "type": "sta-button sta-button--icon", "icon": "add" } } }, { "name": "Small button", "status": "prototype", "context": { "params":{ "title": "Button text", "size": " sta-button--small" } } }, { "name": "Alternate theme 1", "status": "prototype", "context": { "params":{ "title": "Button text", "theme": " sta-button--alt-theme-1" } } }, { "name": "Alternate theme 2", "status": "prototype", "context": { "params":{ "title": "Button text", "theme": " sta-button--alt-theme-2" } } }, { "name": "Alternate theme 3", "status": "prototype", "context": { "params":{ "title": "Button text", "theme": " sta-button--alt-theme-3" } } }, { "name": "Alternate theme 4", "status": "prototype", "context": { "params":{ "title": "Button text", "theme": " sta-button--alt-theme-4" } } } ] }