@fdmg/fd-buttonsdeprecated

FD-themed buttons

Usage no npm install needed!

<script type="module">
  import fdmgFdButtons from 'https://cdn.skypack.dev/@fdmg/fd-buttons';
</script>

README

Build Status Coverage Status npm version Greenkeeper badge

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.

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>