❗ DEPRECATED ❗ : Superseded by @fdmg/design-system. See: https://github.com/FDMediagroep/fd-design-system
FD-themed buttons.
- Run
npm i -D @fdmg/fd-buttons
To run the demo, check-out this repository and run npm run build-demo
.
After the build succeeded you can open dist/demo.html
with your webbrowser.
import Button from '@fdmg/fd-buttons';
...
<ButtonCallToAction onClick={handleClick}>.fd-button-cta</ButtonCallToAction>
<ButtonCallToAction onClick={handleClick} className="m">Medium-sized .fd-button-cta.m</ButtonCallToAction>
<ButtonCallToAction onClick={handleClick} className="l">Large-sized .fd-button-cta.l</ButtonCallToAction>
<ButtonEditorial onClick={handleClick}>.fd-button</ButtonEditorial>
<ButtonEditorial onClick={handleClick} className="m">Medium-sized .fd-button.m</ButtonEditorial>
<ButtonEditorial onClick={handleClick} className="l">Large-sized .fd-button.l</ButtonEditorial>