@rypen-dev/react-shared-components

Shared styles and React ui components for Rypen projects.

Install

$ npm install @rypen-dev/react-shared-components

Usage

Shared styles

In the project's .scss file, import the shared styles from the package.

@import '~@rypen-dev/react-shared-components/scss/styles';

To reference the shared variables, include the reference line in other .scss files.

/// <reference path="../../node_modules/@rypen-dev/react-shared-components/scss/variables" />

React components

Loader

Animated circle for indicating loading state.

import { Loader } from "@rypen-dev/react-shared-components";

<script>
    ...
    render() {
        return (<div>
            <Loader />
        </div>)
    }
    ...
</script>