@robbie-cook/react-components

A set of react components to use in your projects

Usage no npm install needed!

<script type="module">
  import robbieCookReactComponents from 'https://cdn.skypack.dev/@robbie-cook/react-components';
</script>

README

React Components

Some bespoke components used in https://blog.robbie.digital and https://robbie.digital. Not recommended for general use.

Demo

Check out the components here: https://reactcomponents.robbie.digital

Context

This component library is primarily used in https://robbie.digital.

Examples

import "bigiron.css/dist/bigiron.min.css";
import { Button } from "@robbie-cook/react-components";

const MyComponent: React.FC = () => {
  return (
    <Button>Hello!</Button>
  )
}

Usage with Gatsby

If you are using this project with Gatsby, just import like so:


import {
  Blog,
  Theme,
  ReactComponentsContext,
  H1,
  SEO,
} from "@robbie-cook/react-components";
import "@robbie-cook/react-components/src/styles.scss";

N.B. You should only have to import styles.css once in your whole App.

This is because I am having trouble getting style-loader to work with Gatsby.

Installation

npm i @robbie-cook/react-components

Also, add this to your html file (e.g. public/index.html in Create React App)

<link
  href="https://fonts.googleapis.com/css2?family=Lexend+Peta&family=Vollkorn:ital,wght@0,600;0,700;0,800;0,900;1,700&display=swap"
  rel="stylesheet"
/>

and remember to import `bigiron.css` (https://bigiron.robbie.digital) too.

Contributing

To get started, please make an issue, and then I will get back to you with my feedback! Please make an issue before you make a PR, including feature requests. I would hate to make you do a bunch of work and not be able to merge it in.

Team

| Robbie Cook

Support

  • robbie@robbie.digital

License

License