Atomic Elements is a React component library
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
$ 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>;
}