https://github.com/jacksontrieu/react-bulletproof-button

React component that allows you design and create email buttons that are compatible with modern email clients & Outlook 2007+
https://github.com/jacksontrieu/react-bulletproof-button

bulletproof bulletproof-button email email-boilerplate email-button email-css email-template react react-components reactjs vml

Last synced: about 2 months ago
JSON representation

React component that allows you design and create email buttons that are compatible with modern email clients & Outlook 2007+

• Host: GitHub
• URL: https://github.com/jacksontrieu/react-bulletproof-button
• Owner: jacksontrieu
• License: mit
• Created: 2019-02-03T00:45:04.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-04T01:42:33.000Z (over 7 years ago)
• Last Synced: 2025-11-27T09:43:35.675Z (6 months ago)
• Topics: bulletproof, bulletproof-button, email, email-boilerplate, email-button, email-css, email-template, react, react-components, reactjs, vml
• Language: JavaScript
• Homepage:
• Size: 433 KB
• Stars: 11
• Watchers: 1
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-bulletproof-button

React component that allows you design and create goregous email buttons that are compatible with modern email clients & Outlook 2007+. HTML output is based on [Campaign Monitor's "Bulletproof email buttons" concept](https://buttons.cm/).

## Table of contents

- [Why Do I Need Bulletproof Buttons?](#why-do-i-need-bulletproof-buttons)

- [Screenshots](#screenshots)

  - [Default Button style](#default-button-style)

  - [Button with updated colors and border radius](#button-with-updated-colors-and-border-radius)

- [Install](#install)

- [Usage](#usage)

- [API](#api)

  - [Props](#props)

- [Development](#development)

- [Test](#test)

- [Coverage](#coverage)

- [License](#license)

## Why Do I Need Bulletproof Buttons?

CSS support for HTML emails differs wildly between email clients, making it difficult to create HTML that will render consistently across a wide range of email clients.

In particular, older Outlook clients (2007/2010/2013) use the Microsoft Word rendering engine which limits HTML emails to a subset of the modern CSS spec.

Bulletproof buttons allow you to design and render gorgeous buttons using progressively enhanced VML and CSS.

Older Outlook clients are supported by the use of VML and conditional rendering via the `