Button Block

Button blocks create call-to-action buttons with various styles (primary, secondary, accent, neutral, link, outline) and sizes (large, medium, small, extra small).

Buttons support different link types: you can link to internal pages within the site, external URLs, email addresses, or phone numbers. Each link type is handled appropriately, ensuring buttons work correctly whether linking to another page on your site or an external resource.

Button Sizes

All available button sizes:

Large
Medium
Small
Extra Small

Button Styles

All available button styles:

Primary
Secondary
Accent
Neutral
Link
Outline

Link Types

Buttons can link to different types of destinations:

Internal Link: Links to pages within the site

View Blocks Page

External Link: Links to external websites

Visit Laravel

Email Link: Opens email client with pre-filled address

Contact Us

Phone Link: Initiates phone call on mobile devices

Call Us

These button styles, sizes, and link types are just examples of what's possible. Button blocks could be designed to be ANYTHING you want. They could be rounded or square, have icons, have different hover effects, be full-width or inline, have custom animations, or match any design system you need. The block system gives you complete control over how buttons look and behave, so designers can create exactly the button styles that fit their project.