UI-Component for rendering CDS card JSON objects following the CDS Hooks specification at [https://cds-hooks.hl7.org/1.0/#card-attributes].
- Run
npm install @molit/cds-card-viewer --save
- Add the following to your
- Angular:
main.ts
- React:
index.js
- Vue:
main.js
- Angular:
import { applyPolyfills, defineCustomElements } from '@molit/cds-card-viewer/loader';
applyPolyfills().then(() => {
// Surrounding defineCustomElemnts() with applyPolyfills() is only needed if older browsers are targeted
defineCustomElements();
});
- Only in Angular: In your
app.module.ts
add the following
import {CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
@NgModule({
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
- Then you can use the element anywhere in your template, JSX, html etc
- Add the script tag
<script src="https://unpkg.com/@molit/cds-card-viewer/dist/cds-card-viewer.js"></script>
to the head of yourindex.html
- Then you can use the element anywhere in your template, JSX, html etc
- Run
npm install @molit/cds-card-viewer --save
- Add the script tag
<script src="/node_modules/@molit/cds-card-viewer/dist/cds-card-viewer.js"></script>
to the head of yourindex.html
- Then you can use the element anywhere in your template, JSX, html etc
Need more information? Check out the StencilJS Framework Integration Guide.
Name | Description | Example | Example Component |
---|---|---|---|
cds-card | Displays the given CDS card. | <cds-card card='{...}'></cds-card> |
๐ |
Built with love! by MOLIT Institut gGmbH โคโค