React Ribbons

A React NPM package with a lot of fancy and easy to use ribbons components.

Documentation

Installation

To install the package tou can use NPM or Yarn and run the following command

// NPM setup
npm install react-ribbons

// Yarn setup
yarn add react-ribbons

Example usage

import { RibbonContainer,  Right } from "react-ribbons";

const MyComponent = () => (
  <RibbonContainer className={style.demo}>
    <Ribbon side="right" type="edge" size="normal" backgroundColor="#cc0000" color="#ccffff" fontFamily="sans">
      Foo bar
    </Ribbon>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit,
      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    </p>
  </RibbonContainer>
);

export default MyComponent;