{ "description": "This component is based on the `button` element and supports all of its props", "methods": [], "displayName": "Button", "props": { "isLoading": { "required": false, "tsType": { "name": "boolean" }, "description": "Whether to show a loading spinner.", "defaultValue": { "value": "false", "computed": false } }, "asChild": { "required": false, "tsType": { "name": "boolean" }, "description": "Whether to remove the wrapper `button` element and use the\npassed child element instead.", "defaultValue": { "value": "false", "computed": false } }, "variant": { "defaultValue": { "value": "\"primary\"", "computed": false }, "description": "The button's style.", "tsType": { "name": "union", "raw": "\"primary\" \\| \"transparent\" \\| \"secondary\" \\| \"danger\"", "elements": [ { "name": "literal", "value": "\"primary\"" }, { "name": "literal", "value": "\"transparent\"" }, { "name": "literal", "value": "\"secondary\"" }, { "name": "literal", "value": "\"danger\"" } ] }, "required": false }, "size": { "defaultValue": { "value": "\"base\"", "computed": false }, "description": "The button's size.", "tsType": { "name": "union", "raw": "\"small\" \\| \"base\" \\| \"large\" \\| \"xlarge\"", "elements": [ { "name": "literal", "value": "\"small\"" }, { "name": "literal", "value": "\"base\"" }, { "name": "literal", "value": "\"large\"" }, { "name": "literal", "value": "\"xlarge\"" } ] }, "required": false } }, "composes": [ "VariantProps" ] }