Atomicform-components NPM

Atomic Form Component Directory

This project holds the components and theming for use across Atomic Form's web properties.

It contains

A Storybook for the review and documentation of components.

A Private NPM module for importing components into Atomic Form's web properties

Updates

TBD

Deployment

Storybook

Storybook deployments will happen automatically through Vercel

NPM package

Increment the package version
Run bun run build && bun publish

Using these components

Install the library npm install atomicform-components

Install Tailwind in your Project

set your tailwind.config.js to match the below Make sure to update the content array to include the files and paths you will be using the styled components in

/** @type {import('tailwindcss').Config} */
// tailwind.config.js
import tailwindConfig from 'atomicform-components/tailwind.config.js';

tailwindConfig.content = [
  "./index.html",
  "./src/**/*.{js,ts,jsx,tsx}",
  "./components/**/*.{js,ts,jsx,tsx}",
];

export default tailwindConfig

Import the CSS file into the top level of your app

import 'atomicform-components/dist/style/lib.css';