Archetype Internal Component Library

This is the package for the Archetype Component Library.

Before running yarn dev, add the following entry to the root of package.json:

"exports": {
    ".": "./dist",
    "./styles.css": "./dist/styles.css"
  },

Components

Each file inside of src/ is a component inside our design system. For example:

import * as React from 'react';
export interface ButtonProps {
  children: React.ReactNode;
}
export function Button(props: ButtonProps) {
  return <button>{props.children}</button>;
}
Button.displayName = 'Button';

When adding a new file, ensure the component is also exported from the entry index.tsx file:

import * as React from "react";
export { Button, type ButtonProps } from "./Button";
// Add new component exports here

See the repository README for more details.