ayo/astro-reactive-form
ayo/astro-reactive-form
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Let your data build your UI, with Astro components
258 commits 1 branch 13 tags 4 MiB
Astro 48.1%
TypeScript 35.9%
CSS 11.8%
JavaScript 4.2%
Find a file
Alexander Samaniego 93a8d49f0a
feat(form): implement unique IDs (#182) 
* Added Short Unique ID npm library

* Added unique ID to form-control

* Added unique ID to form-group

* Unique ID added to <form>

* Added unique IDs to control components

* Added IDs to label and fieldset

* Update Form.astro with requested changes

Co-authored-by: Ayo Ayco <ayo@ayco.io>

* Adjustments for requested changes.

Co-authored-by: Ayo Ayco <ayo@ayco.io>
2022-11-08 08:53:22 +01:00
.github chore: update pull request template 2022-10-22 21:21:53 +02:00
.vscode feat(validator): server-side rendered validation errors (#123) 2022-10-22 04:35:16 +02:00
apps style(docs): move notice; update note icon 2022-11-07 22:14:34 +01:00
packages feat(form): implement unique IDs (#182) 2022-11-08 08:53:22 +01:00
.gitignore Chore project clean up (#42) 2022-10-04 19:18:17 +02:00
.gitpod.yml added gitpod (#129) 2022-10-22 22:31:16 +02:00
CODE_OF_CONDUCT.md docs(apps,packages): update content (#93) 2022-10-16 10:26:20 +02:00
CONTRIBUTING.md chore: mention conventional commits 2022-11-04 17:31:42 +01:00
LICENSE chore: implement recommended community standards (#27) 2022-10-04 12:47:39 +02:00
package-lock.json feat(form): implement unique IDs (#182) 2022-11-08 08:53:22 +01:00
package.json feat(form): implement unique IDs (#182) 2022-11-08 08:53:22 +01:00
pnpm-lock.yaml chore: add pnpm yaml 2022-11-02 21:48:27 +01:00
README.md docs: initial Form, FormGroup documentation (#176) 2022-11-06 20:11:42 +01:00
tsconfig.json chore: clean up monorepo 2022-10-01 15:44:39 +02:00

README.md

Astro Reactive Library Logo
Astro Reactive Library
Let your data build your UI with native Astro components and architecture.

Build & Test Result Last Commit Contribute with Gitpod

Package Release notes Description
form npm a dynamic form which can be modified programmatically
validator npm validators for editable fields
data-grid 🛠 a dynamic data grid of values
themes 🛠 easy-to-use, accessible, consistent cross-browser styles
viz 🛠 data visualization that emits and responds to events

Running locally

We mainly use the demo app to see changes we make on the packages. Do the following to start hacking:

  1. Fork the project then clone to your computer
git clone git@github.com:<your-user-name>/astro-reactive-library.git
  1. Go into the project directory
cd astro-reactive-library
  1. Install the node dependencies
npm i
  1. Run the demo application
npm start
  1. Open the demo application on your browser. Browse to the address:
https://localhost:3000
  1. To run the tests:
npm test

Other apps

We also maintain the docs website and the project landing page in this repository. Run the following to start the dev servers:

npm run docs

npm run landing-page

Contributors

This project is only possible because of the support and contribution of our community ❤️

👉 Join our contributors!

Play around examples:

Play around in Stackblitz CodeSandbox