Docs

Medblocks UI is an open-source library of web components designed to help developers build healthcare applications, particularly ones dealing with openEHR and FHIR standards.

Medblocks UI
Part 1

Prelude to Medblocks UI

Building healthcare apps once meant wrestling with complex data standards and reinventing UI components for every project. Medblocks UI changes that, offering ready-made, standards-aligned web components so developers can focus on innovation.

  1. Why Health Data Platforms?

    At it's heart, the idea of the Digital Health Platform is to separate the application from the data. Learn why this could be the future of healthcare interoperability.

  2. The Medblocks Stack

    The Medblocks Stack is an implementation guide for a Digital Health Platform that works on some publicly available API standards.

Part 2

Introduction to Medblocks UI

Medblocks UI offers pre-built, standards-aligned UI components that simplify handling complex medical data types.

  1. Medblocks UI

    Medblocks UI comprises a comprehensive suite of Web Components specifically designed for the development of applications based on the openEHR platform.

  2. Installation

    Here is how to get started using Medblocks UI.

  3. Usage

    Begin using Medblocks UI by creating a form, exporting and importing data.

  4. Data Formats

    Learn about the data formats supported by Medblocks UI for input and output.

  5. Advanced

    Medblocks UI is built using LIT, a framework for web components. Here are some basic concepts to understand how to use these elements.

  6. Terminology integration

    Here is how to integrate a SNOMED CT terminology server into your Medblocks UI form.

  7. Styling

    How to change styling options (dark, light, light and dark themes) in Medblock UI forms.

  8. VSCode Extension

    Install the Medblocks UI Extension in VsCode to work seamlessly.

Part 3

Medblocks UI Components

Components of Medblocks UI

  1. mb-buttons

    mb-buttons

  2. mb-checkbox-any

    Properties, methods and events associated with mb-checkbox-any

  3. mb-checkbox

    Properties, methods and events associated with mb-checkbox

  4. mb-context

    Properties, methods and events associated with mb-context

  5. mb-date

    Properties, methods and events associated with mb-date

  6. mb-dropdown

    Properties, methods and events associated with mb-dropdown

  7. mb-duration

    Properties, methods and events associated with mb-duration

  8. mb-fhir-form

    Properties, methods and events associated with mb-fhir-form

  9. mb-filter

    Properties, methods and events associated with mb-filter

  10. mb-form

    Properties, methods and events associated with mb-form

  11. mb-input-multiple

    Properties, methods and events associated with mb-input-multiple

  12. mb-input

    Properties, methods and events associated with mb-input

  13. mb-option

    Properties, methods and events associated with mb-option

  14. mb-percent

    Properties, methods and events associated with mb-percent

  15. mb-proportion

    Properties, methods and events associated with mb-proportion

  16. mb-quantity

    mb-quantity

  17. mb-search

    mb-search

  18. mb-select

    mb-select

  19. mb-submit

    mb-submit

  20. mb-text-select

    mb-text-select

  21. mb-unit

    mb-unit

Part 4

Use Cases

Some Use Cases with Medblocks UI

  1. Linking openEHR and FHIR

    Learn how to link openEHR and FHIR, using the FHIR Patient resource to store demographic data, and link to an openEHR EHR

  2. Building Clinical Apps with openEHR

    Learn to build clinical applications on openEHR using Medblocks UI. Go from the CKM to Forms using Medblocks UI and EHRbase

  3. openFHIR Quick Start Guide

    Get started with openFHIR, an engine that implements the FHIR Connect specification and facilitates bidirectional mappings between openEHR and FHIR.