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:

Button Styles

All available button styles:

Link Types

Buttons can link to different types of destinations:

Internal Link: Links to pages within the site

External Link: Links to external websites

Email Link: Opens email client with pre-filled address

Phone Link: Initiates phone call on mobile devices

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.