@ribbon-studios/ribbon

Preview

Usage

import { Ribbon } from '@ribbon-studios/ribbon';

export function MyApp() {
  return (
    <div>
      My super cool content.
      <Ribbon>Local</Ribbon>
    </div>
  );
}

Properties

| Name | Description | Optional? | | --------------- | ----------------------------- | ----------------------------- | | children | The contents of the ribbon | Yes | | color | The font color | Yes (defaults to black) | | backgroundColor | The background color | Yes (defaults to white) | | position | The positioning of the ribbon | Yes (defaults to top-right) |

Want to Contribute?