Themed buttons

Interactive elements for initiating actions or linking to other content.

Standard Buttons

Bare bones buttons in every theme. For your clicking pleasure.

Shortcut: z-btn-name

Outlined Buttons

In need of a button, but without the hefty background colors?

Ensure sufficient background contrast when using outlined buttons.
Shortcut: z-btn-name-outline

Links as buttons

Primary Secondary CTA Accent Dark Light Primary Secondary CTA Accent Dark Light
Shortcut: z-link-name

Button sizes

Shortcut: z-btn-sm to btn-xl

The Zen Test

Every component, section, and utility we ship will pass layout, color, and functional tests to ensure they perform flawlessly in today's modern browsers.

So you can be assured it "just works". Try it out below.