@atomicjolt/atomic-elements

Atomic Elements

Atomic Elements is a React component library

Storybook

Atomic Element uses storybook for development / documentation. Access here

To run the Atomic Elements storybook itself

$ yarn storybook:dev

To spin up a React playground to test components

$ yarn playground

Quickstart

$ npm install --save @atomicjolt/atomic-elements

$ yarn add @atomicjolt/atomic-elements

Include the following in your project

import { LoadFonts, CssVariables, CssGlobalDefaults } from "@atomicjolt/atomic-elements";

const App = () => (
  <>
    <LoadFonts />
    <CssVariables />
    <CssGlobalDefaults />
    <YourApp />
  </>
);

Then, start using components

import React from "react";
import { Button } from "@atomicjolt/atomic-elements";

export default function ExampleComponent() {
  return <Button>Click Me!</Button>;
}