# TimeNode - Angular

1. Install the package: `npm install @citrii/time-node` (or `file:../citrii-design-system/TimeNode`).
2. Add global styles in `angular.json`:

   ```json
   "styles": ["node_modules/@citrii/time-node/css/index.css"]
   ```

3. Use CSS classes from the design system (`.tn-btn`, `.tn-card`, …) or wrap them in standalone components - see the [components](https://github.com) docs site snippets.

4. Import token helpers in TypeScript:

   ```typescript
   import { tokenRef, tokens } from "@citrii/time-node";
   ```

Angular apps consume **CSS custom properties** and the **TypeScript token map** from the same source as the static HTML docs.