Build ITT Design System Components

This is a code bundle for Build ITT Design System Components. The original project is available at https://www.figma.com/design/JN6CMfI8e2ReTKJoh5fz9r/Build-ITT-Design-System-Components.

Running the code

Run npm i to install the dependencies.

Run npm run dev to start the development server.

Using as a design system

Install from npm:

npm install build-itt-design-system-components

Basic usage:

import React from 'react'
import { Button, Card } from 'build-itt-design-system-components'

export default function Example() {
  return (
    <div>
      <Button>Click me</Button>
      <Card>Card content</Card>
    </div>
  )
}

Bundlers and CSS:

• This package ships components and styles. The package includes built assets in build/ and source files in the published package. Ensure your project supports PostCSS/Tailwind if you intend to use the utility CSS classes.

Theming and customization:

• Components are unopinionated about global theme management. You can use next-themes or your own context to control dark/light themes. Refer to src/docs/IMPLEMENTATION_SUMMARY.md for recommended theming patterns.

Contributing:

• Run npm i then npm run dev to work locally. Create PRs against main and CI will run typecheck and build.