---
title: "Button"
slug: "button"
updated: 2026-10-20T19:32:36Z
published: 2026-10-20T19:32:36Z
canonical: "docs.blackthorn.io/button"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Button

Page Designer

The **Button** component is a standalone, clickable call-to-action. Use it anywhere you want to drive visitors to a link: external URLs, anchors on the page, or other resources.

### Content Settings

- **Button Label**: text displayed on the button
- **Button Link**: URL the button navigates to
- **Open in New Tab**: opens the link without leaving the event page

### Style Settings

- **Button Style**: Primary, Secondary, or Accent (inherits colors from Site Settings)
- **Button Icon**: icon displayed alongside the label
- Icon position, icon size, and spacing controls
- Margin / Padding

💡Use **anchor links** (e.g. `#register`) in the Button Link field to scroll visitors to a specific section on the same page: no page reload needed.

---

![BASIC components tab in the Add Component panel](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/ss_1293ccg2p.jpg)BASIC components tab in the Add Component panel