[Summary view] [Print] [Text view]

   1  {
   2      "$schema": "https://schemas.wp.org/trunk/block.json",
   3      "apiVersion": 3,
   4      "name": "core/button",
   5      "title": "Button",
   6      "category": "design",
   7      "parent": [ "core/buttons" ],
   8      "description": "Prompt visitors to take action with a button-style link.",
   9      "keywords": [ "link" ],
  10      "textdomain": "default",
  11      "attributes": {
  12          "tagName": {
  13              "type": "string",
  14              "enum": [ "a", "button" ],
  15              "default": "a"
  16          },
  17          "type": {
  18              "type": "string",
  19              "default": "button"
  20          },
  21          "textAlign": {
  22              "type": "string"
  23          },
  24          "url": {
  25              "type": "string",
  26              "source": "attribute",
  27              "selector": "a",
  28              "attribute": "href",
  29              "role": "content"
  30          },
  31          "title": {
  32              "type": "string",
  33              "source": "attribute",
  34              "selector": "a,button",
  35              "attribute": "title",
  36              "role": "content"
  37          },
  38          "text": {
  39              "type": "rich-text",
  40              "source": "rich-text",
  41              "selector": "a,button",
  42              "role": "content"
  43          },
  44          "linkTarget": {
  45              "type": "string",
  46              "source": "attribute",
  47              "selector": "a",
  48              "attribute": "target",
  49              "role": "content"
  50          },
  51          "rel": {
  52              "type": "string",
  53              "source": "attribute",
  54              "selector": "a",
  55              "attribute": "rel",
  56              "role": "content"
  57          },
  58          "placeholder": {
  59              "type": "string"
  60          },
  61          "backgroundColor": {
  62              "type": "string"
  63          },
  64          "textColor": {
  65              "type": "string"
  66          },
  67          "gradient": {
  68              "type": "string"
  69          },
  70          "width": {
  71              "type": "number"
  72          }
  73      },
  74      "supports": {
  75          "anchor": true,
  76          "splitting": true,
  77          "align": false,
  78          "alignWide": false,
  79          "color": {
  80              "__experimentalSkipSerialization": true,
  81              "gradients": true,
  82              "__experimentalDefaultControls": {
  83                  "background": true,
  84                  "text": true
  85              }
  86          },
  87          "typography": {
  88              "fontSize": true,
  89              "lineHeight": true,
  90              "__experimentalFontFamily": true,
  91              "__experimentalFontWeight": true,
  92              "__experimentalFontStyle": true,
  93              "__experimentalTextTransform": true,
  94              "__experimentalTextDecoration": true,
  95              "__experimentalLetterSpacing": true,
  96              "__experimentalWritingMode": true,
  97              "__experimentalDefaultControls": {
  98                  "fontSize": true
  99              }
 100          },
 101          "reusable": false,
 102          "shadow": {
 103              "__experimentalSkipSerialization": true
 104          },
 105          "spacing": {
 106              "__experimentalSkipSerialization": true,
 107              "padding": [ "horizontal", "vertical" ],
 108              "__experimentalDefaultControls": {
 109                  "padding": true
 110              }
 111          },
 112          "__experimentalBorder": {
 113              "color": true,
 114              "radius": true,
 115              "style": true,
 116              "width": true,
 117              "__experimentalSkipSerialization": true,
 118              "__experimentalDefaultControls": {
 119                  "color": true,
 120                  "radius": true,
 121                  "style": true,
 122                  "width": true
 123              }
 124          },
 125          "__experimentalSelector": ".wp-block-button .wp-block-button__link",
 126          "interactivity": {
 127              "clientNavigation": true
 128          }
 129      },
 130      "styles": [
 131          { "name": "fill", "label": "Fill", "isDefault": true },
 132          { "name": "outline", "label": "Outline" }
 133      ],
 134      "editorStyle": "wp-block-button-editor",
 135      "style": "wp-block-button"
 136  }