# Angular (+ Vite) + @archr-se/score-card

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.9.

## What this example shows

- Standard product score rendering from a valid `score-data` JSON payload.
- A compact rendering using `size="small"`.
- Invalid data behavior where the component remains hidden.

## How to use it?

```sh
npm i # or yarn install or pnpm install or bun install
npm run start # or yarn start or pnpm start or bun start
```

Open http://localhost:4200 with your browser to see the result.

## Angular-specific setup notes

Allow custom elements in the component/module where `<product-score>` is used.

```ts
import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

@Component({
	selector: 'app-root',
	templateUrl: './app.component.html',
	schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppComponent {}
```