SlowlyThe builderBlocks
Button
A styled link or button that prompts visitors to take an action.
The Button block is a call to action, a clear, styled target that prompts a click. It is what you reach for at the end of a section to send someone to the next step.
Adding one
- Select the section or container to hold it.
- Open the inserter and search "button".
- Pick the Button block, and type its label.
Settings
In the button's own panel.
| Setting | What it does | Reach for it when |
|---|---|---|
| Link | Where the button goes, a URL, a page, a dynamic destination, or an on-page action | Always; a button with no destination does nothing |
| Icon | An icon before or after the label | A bit more direction, an arrow on a "next", a download glyph |
Styling
The button uses the shared design panel, and its hover state is where you make it feel responsive to the pointer. The label, padding, colour, and radius are all yours to set.
Accessibility
Write button text that says what happens when it is pressed, so the label makes sense out of context, "Download the guide" rather than "Click here". A screen-reader user often pulls the buttons out of a page as a list, and a list of "Click here" tells them nothing.