@dbp-toolkit/knowledge-base-web-page-element-view
v0.2.7
Published
You can install this component via npm:
Downloads
32
Readme
KnowledgeBaseWebPageElementView Web Component
You can install this component via npm:
npm i @dbp-toolkit/knowledge-base-web-page-element-view
Usage
<dbp-knowledge-base-web-page-element-view></dbp-knowledge-base-web-page-element-view>
<script type="module" src="node_modules/@dbp-toolkit/knowledge-base-web-page-element-view/dist/dbp-knowledge-base-web-page-element-view.js"></script>
Or directly via CDN:
<dbp-knowledge-base-web-page-element-view></dbp-knowledge-base-web-page-element-view>
<script type="module" src="https://unpkg.com/@dbp-toolkit/[email protected]/dist/dbp-knowledge-base-web-page-element-view.js"></script>
Attributes
value
: path to the web page element- example
<dbp-knowledge-base-web-page-element-view value="path/to/my/article"></dbp-knowledge-base-web-page-element-view>
- example
lang
(optional, default:de
): set tode
oren
for German or English- example
<dbp-knowledge-base-web-page-element-view lang="de"></dbp-knowledge-base-web-page-element-view>
- example
entry-point-url
(optional, default is the TU Graz entry point url): entry point url to access the api- example
<dbp-knowledge-base-web-page-element-view entry-point-url="http://127.0.0.1:8000"></dbp-knowledge-base-web-page-element-view>
- example
text
(optional): text to click to show the information loaded from the webpage- example
<dbp-knowledge-base-web-page-element-view text="Click me to show more information"></dbp-knowledge-base-web-page-element-view>
- example
auth
object: you need to set that object property for the auth token- example auth property:
{token: "THE_BEARER_TOKEN"}
- note: most often this should be an attribute that is not set directly, but subscribed at a provider
- example auth property:
Local development
# get the source
git clone [email protected]:digital-blueprint/toolkit.git
cd toolkit/packages/knowledge-base-web-page-element-view
# install dependencies
npm install
# constantly build dist/bundle.js and run a local web-server on port 8002
npm run watch-local
# build local packages in dist directory
npm run build
Jump to http://localhost:8002 and you should get a demo page.