1.0.17 • Published 1 month ago
@molit/cds-card-viewer v1.0.17
CDS Card Viewer
UI-Component for rendering CDS card JSON objects following the CDS Hooks specification at https://cds-hooks.hl7.org/1.0/#card-attributes.
Install
- Run
npm install @molit/cds-card-viewer --save
Usage
Angular, React, Vue
- 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
HTML/JavaScript
Script tag
- 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
Node Modules
- 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.
Components
Name | Description | Example | Example Component |
---|---|---|---|
cds-card | Displays the given CDS card. | <cds-card card='{...}'></cds-card> | :link: |