Overview

A collection of assets for React projects.

Installation

npm install @playbooks/assets

Usage

import React from 'react';

import { Div } from '@ehubbell/html';
import { Oval } from '@playbooks/assets';

const Spinner = ({ text }) => {

  return (
    <Div tailwind={{ display: 'flex-middle', height: 'h-full', width: 'w-full', spacing: 'p-4' }}>
      <Oval>
    </Div>
  )
};

export { AnimatedText };

Development

This project uses yalc for local development.

• npm run dev
• switch to project
• npx yalc add @playbooks/assets
• After that, this library should hot reload into the consuming application

Scripts

• We've included a couple of helpful scripts for faster development.
• deploy: npm run deploy -- 'commit message'
• publish: npm run publish -- 'commit message' [major|minor|patch]

Husky

• Husky configuration is setup to lint and format the repo on every commit
• Edit the .husky/pre-commit file to change your settings

Author

• Eric Hubbell
• [email protected]

Notes

To see this library in action, checkout the following projects:

• playbooks
• playbooks blog
• playbooks docs