@ansiversa/components 0.0.2 → 0.0.3
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 +17 -26
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,35 +1,26 @@
|
|
|
1
|
-
#
|
|
1
|
+
# 📦 @ansiversa/components
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Shared UI Components & Layouts for the **Ansiversa Ecosystem** — a collection of premium, consistent, reusable Astro components designed for all Ansiversa apps including **Web**, **Admin**, and all future **100+ Mini Apps**.
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
npm create astro@latest -- --template component
|
|
7
|
-
```
|
|
5
|
+
This package ensures that every app in the ecosystem uses the same styles, layouts, and interaction patterns for a unified experience.
|
|
8
6
|
|
|
9
|
-
|
|
10
|
-
[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/non-html-pages)
|
|
11
|
-
[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/component/devcontainer.json)
|
|
7
|
+
---
|
|
12
8
|
|
|
13
|
-
## 🚀
|
|
9
|
+
## 🚀 Features
|
|
14
10
|
|
|
15
|
-
|
|
11
|
+
- ⚡️ Reusable Astro Components (Buttons, Cards, Inputs, Navbar, Footer)
|
|
12
|
+
- 🧱 Shared Layouts (WebLayout, AuthLayout)
|
|
13
|
+
- 🎨 Design-System Ready (works with Ansiversa global.css tokens)
|
|
14
|
+
- 🌙 Fully compatible with light/dark mode
|
|
15
|
+
- 🧩 Plug-and-play installation for any Ansiversa mini-app
|
|
16
|
+
- 📦 Distributed as a clean NPM package
|
|
17
|
+
- 🛠 Perfect for Astro projects with or without Alpine.js
|
|
16
18
|
|
|
17
|
-
|
|
18
|
-
/
|
|
19
|
-
├── index.ts
|
|
20
|
-
├── src
|
|
21
|
-
│ └── MyComponent.astro
|
|
22
|
-
├── tsconfig.json
|
|
23
|
-
├── package.json
|
|
24
|
-
```
|
|
19
|
+
---
|
|
25
20
|
|
|
26
|
-
|
|
21
|
+
## 📥 Installation
|
|
27
22
|
|
|
28
|
-
|
|
23
|
+
Inside any Ansiversa app (`web`, `admin`, or mini-apps):
|
|
29
24
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
| Command | Action |
|
|
33
|
-
| :------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
34
|
-
| `npm link` | Registers this package locally. Run `npm link my-component-library` in an Astro project to install your components |
|
|
35
|
-
| `npm publish` | [Publishes](https://docs.npmjs.com/creating-and-publishing-unscoped-public-packages#publishing-unscoped-public-packages) this package to NPM. Requires you to be [logged in](https://docs.npmjs.com/cli/v8/commands/npm-adduser) |
|
|
25
|
+
```bash
|
|
26
|
+
npm install @ansiversa/components
|