react-ribbons
TypeScript icon, indicating that this package has built-in type declarations

1.1.7 • Public • Published

extension logo

React Ribbons

A React library with a lot of fancy and easy-to-use ribbon components

NPM version NPM downloads

Documentation

Installation

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

// Enter project folder
cd package

// 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"
      withStripes
    >
      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;

Package Sidebar

Install

npm i react-ribbons

Weekly Downloads

951

Version

1.1.7

License

MIT

Unpacked Size

34.6 kB

Total Files

12

Last publish

Collaborators

  • emanuelescarabattoli