<simple-fields>

Fields

Uses JSON Schema or an array of fieldsto display a series of fields

Usage

To use this web component in your project you can utilize one of the following styles of syntax.

1/* In an existing JS module / web component */
2import '@lrnwebcomponents/simple-fields/simple-fields.js';
3/* At top of an application with build routine */
4<script type="module" src="@lrnwebcomponents/simple-fields/simple-fields.js"></script>
5/* Alternatives for top of application */
6<script type="module">
7  import '@lrnwebcomponents/simple-fields/simple-fields.js';
8  // imperative form
9  import {SimpleFields} from '@lrnwebcomponents/simple-fields';
10  // if you don't have a build routine and need to reference directly
11  import './node_modules/@lrnwebcomponents/simple-fields/simple-fields.js';
12</script>
13// via unpkg CDN (good for testing)
14<script type="module" src="https://unpkg.com/@lrnwebcomponents/simple-fields/simple-fields.js"></script>

Develop / Demo

Run yarn start will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the /src directory for changes and automatically rebuilding the element and documentation site for the demo.

1$ yarn start

Test

1$ yarn run test

Build

Builds ensure that wcfactory can correctly compile your web component project to work on the maximum number of browsers possible.

1$ yarn run build

Contributing

1. Fork it! git clone https://github.com/elmsln/lrnwebcomponents.git
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Code style

Fields (and all lrnwebcomponents) use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.

License

Apache-2.0 License