react-ribbons
v1.1.7
Published
A list of ribbons components for React
Downloads
3,484
Maintainers
Readme
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;