Global Components Library

Reusable components for all modes and projects.

Purpose

This folder contains battle-tested, production-ready components that are shared across Mode1Test, Mode2Test, and future modes. When a component proves solid, it gets promoted here for wider use.

Structure

Each component lives in its own folder with:

Component code (TypeScript)
Styling (TailwindCSS utilities)
Documentation (how to use, props, dependencies, adjustments)
Examples (if complex)

Example structure:

components/
  JobCard/
    JobCard.ts          # Component implementation
    README.md          # Usage documentation

Using Components in a Mode

Import from the parent directory:

import JobCard from '../../../components/JobCard/JobCard';

Or configure path aliases in your mode's tsconfig.json:

{
  "compilerOptions": {
    "paths": {
      "@components/*": ["../components/*"]
    }
  }
}

Then import as:

import JobCard from '@components/JobCard/JobCard';

Adding New Components

Create a folder with the component name
Write TypeScript with full type safety
Use only TailwindCSS for styling
Document: what it does, how to use, what props/env vars needed
Test in a mode thoroughly
When proven, commit with clear description

Components

(None yet—first proven component will be added here)