← Back to Components

Button

basic

Clickable button with variants and sizes

Parameters

variantsizedisabledtypeariaLabel

Variants

defaultdestructiveoutlinesecondaryghostlink

Sizes

defaultsmlgicon

Preview

Example

{
  "kind": "component",
  "name": "Button",
  "props": {
    "variant": { "expr": "lit", "value": "default" },
    "size": { "expr": "lit", "value": "default" }
  },
  "children": [
    { "kind": "text", "value": { "expr": "lit", "value": "Click me" } }
  ]
}

Installation

Copy component files from:

node_modules/@constela/ui/components/button/