https://github.com/medblocks/medblocks-ui

Web Components Library for Medblocks Ecosystem
https://github.com/medblocks/medblocks-ui

Last synced: about 2 months ago
JSON representation

Web Components Library for Medblocks Ecosystem

• Host: GitHub
• URL: https://github.com/medblocks/medblocks-ui
• Owner: medblocks
• License: apache-2.0
• Created: 2020-12-25T11:45:23.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-04-20T08:11:38.000Z (2 months ago)
• Last Synced: 2024-04-22T21:15:01.991Z (2 months ago)
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/medblocks-ui
• Size: 5.14 MB
• Stars: 49
• Watchers: 3
• Forks: 13
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Lists

• awesome-web-components - Medblocks UI - Web Components for rapid development of openEHR and FHIR systems. (Real World / Component Libraries)
• awesome-lit - Medblocks UI - Web Components for rapid development of openEHR and FHIR systems. (Component Libraries)

README

        
![medblocks ui logo](https://i.imgur.com/pQ8MrTJ.png)

# Medblocks UI

[Documentation](https://docs.medblocks.org/medblocks-ui/quick-start)

Web Components for rapid development of openEHR and FHIR systems.

[![Medblocks UI Web components demo](https://img.youtube.com/vi/ng9lkQKa2KE/0.jpg)](https://www.youtube.com/watch?v=ng9lkQKa2KE)

## Testing with Web Test Runner

To run the suite of Web Test Runner tests, run

```bash

npm run test

```

To run the tests in watch mode (for <abbr title="test driven development">TDD</abbr>, for example), run

```bash

npm run test:watch

```

## Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `web-dev-server`

```bash

npm start

```

To run a local development server that serves the basic demo located in `demo/index.html`

# Contribution

Contributors welcome! User Interface generation is an important problem to solve in the healthcare industry. Too many times, health care professionals face burn out due bad design choices. I believe that this needs to change. I've written more about this in my blog [here](https://blog.medblocks.org/aboutme/).

If you find this repository useful, fork it, use it! If you want to contribute, note the following:

- This is a [Lit-Element](https://lit-element.polymer-project.org/guide) project written in typescript.

- Most of the default components use [Shoelace](https://shoelace.style/) webcomponents. You can customize all the components the same way you [customize shoelace](https://shoelace.style/getting-started/customizing) `src/css/main.scss`.

- For bug, or new feature requests, create an issue.