馃帀 Release 0.1.4 Announcement

This is a big cleanup release from a usability standpoint. We鈥檙e excited to announce that styling can finally be customized.

What鈥檚 Changed

Customizable CSS

Customizable class name for the outer button container, i.e. add your own button class via the jsx shape prop within your component declaration. For example,

      <PromoButton
        logoSrc=""
        words={['Real', 'Easy', 'Ads']}
        shape="my-custom-outer-button-class"
        email="jason@tincre.com"
        backend="my-backend-route"
      />

Use it in your global css file:

@tailwind base;
@tailwind components;

@tailwind utilities;

@layer components {
    .promo-button-my-custom-outer-button-class {
      @apply px-36 py-2 // whatever tailwind you want
    }
}
  • See additional classes available to customize in the tailwind.config.js file.

  • Custom color brand which can be modified in clients鈥 tailwind configuration files, i.e.

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        brand: '#4F46E5',
      },
    },
  },

Full Changelog: Comparing 0.1.3...0.1.4 路 Tincre/promo-button 路 GitHub

See the release notes on Github.

1 Like