@lilydesignsystem/angular-headless 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
# Lily Design System™ - Angular Headless
|
|
2
|
+
|
|
3
|
+
A headless Angular 20 component library implementing the Lily Design System catalog (490 components).
|
|
4
|
+
|
|
5
|
+
Components are standalone, signal-based, zero-CSS, and ship semantic HTML + ARIA only. Consumers provide all styling via the kebab-case class hooks documented in `css-style-sheet-template.css`.
|
|
6
|
+
|
|
7
|
+
## Sibling implementations
|
|
8
|
+
|
|
9
|
+
- [Svelte headless](../lily-design-system-svelte-headless)
|
|
10
|
+
- [React headless](../lily-design-system-react-headless)
|
|
11
|
+
- [Vue headless](../lily-design-system-vue-headless)
|
|
12
|
+
- [Blazor headless](../lily-design-system-blazor-headless)
|
|
13
|
+
- [HTML headless](../lily-design-system-html-headless)
|
|
14
|
+
- [Nunjucks headless](../lily-design-system-nunjucks-headless)
|
|
15
|
+
|
|
16
|
+
## Quick start
|
|
17
|
+
|
|
18
|
+
```sh
|
|
19
|
+
pnpm install
|
|
20
|
+
pnpm test # run vitest
|
|
21
|
+
pnpm build # ng-packagr → dist/
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Consumer usage
|
|
25
|
+
|
|
26
|
+
```ts
|
|
27
|
+
import { Button, TextInput } from "@lilydesignsystem/angular-headless";
|
|
28
|
+
|
|
29
|
+
@Component({
|
|
30
|
+
standalone: true,
|
|
31
|
+
imports: [Button, TextInput],
|
|
32
|
+
template: `
|
|
33
|
+
<lily-text-input label="Email" [(value)]="email" />
|
|
34
|
+
<lily-button>Submit</lily-button>
|
|
35
|
+
`,
|
|
36
|
+
})
|
|
37
|
+
export class MyForm {
|
|
38
|
+
email = "";
|
|
39
|
+
}
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
See `AGENTS.md` for the full architecture, component pattern, testing conventions, and prohibitions.
|
|
43
|
+
|
|
44
|
+
## Status
|
|
45
|
+
|
|
46
|
+
Initial scaffold. Infrastructure (package.json, vitest, tsconfig, ng-packagr config) and the full 490-component catalog are in place. Each component is a standalone Angular 20 component with signal inputs and OnPush change detection.
|
|
47
|
+
|
|
48
|
+
---
|
|
49
|
+
|
|
50
|
+
Lily™ and Lily Design System™ are trademarks.
|