Releases: Tincre/promo-button
Releases · Tincre/promo-button
0.3.1
0.3.0
0.2.4
0.2.3
0.2.2
0.2.1
0.2.2
What's Changed
Full Changelog: 0.2.1...bump-022-version
0.2.0
0.1.5
0.1.4
What's Changed
- Feature/update example packages by @thinkjrs in #34
- Add Tailwindcss Classes by @thinkjrs in #39
- 📓 add how-to on customizing button css by @thinkjrs in #40
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="[email protected]"
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: 0.1.3...0.1.4