fd-buttons

FD-themed buttons.

Installation

• Run npm i -D @fdmg/fd-buttons

Demo

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.

• Demo

Usage

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>