Button

Prompt visitors to take action with a button-style link.

Block Relationships

Parent blocks (direct):
– core/buttons

Defined via the attributes property in block.json.

Attribute	Type	Default	Description
`tagName`	`string`	`"a"`	Enum: `a`, `button`
`type`	`string`	`"button"`	—
`url`	`string`	—	Source: `attribute`. Selector: `a`. HTML attr: `href`. Role: `content`
`title`	`string`	—	Source: `attribute`. Selector: `a,button`. HTML attr: `title`. Role: `content`
`text`	`rich-text`	—	Source: `rich-text`. Selector: `a,button`. Role: `content`
`linkTarget`	`string`	—	Source: `attribute`. Selector: `a`. HTML attr: `target`. Role: `content`
`rel`	`string`	—	Source: `attribute`. Selector: `a`. HTML attr: `rel`. Role: `content`
`placeholder`	`string`	—	—
`backgroundColor`	`string`	—	—
`textColor`	`string`	—	—
`gradient`	`string`	—	—

Defined via the supports property in block.json.

Defined via the styles property in block.json.

Style Name	Label	Default
`fill`	Fill	Yes
`outline`	Outline	No

Defined via the selectors property in block.json.

This is a hybrid block. It saves static markup that the server may enhance during rendering.

<!-- wp:button {"tagName":"a","type":"button"} -->
<!-- Content... -->
<!-- /wp:button -->