Skip to content
This repository has been archived by the owner on May 7, 2020. It is now read-only.

Latest commit

 

History

History
34 lines (23 loc) · 1.47 KB

README.md

File metadata and controls

34 lines (23 loc) · 1.47 KB

DEPRECATED ❗ : Superseded by @fdmg/design-system. See: https://github.com/FDMediagroep/fd-design-system

Build Status Coverage Status npm version

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>