@kong-ui-public/document-viewer

A Kong UI component for rendering markdown documents

• Features
• Requirements
• Usage
  • Install
  • Register
• Props
  • document

Features

• Render .md content
• Customize display of markdown content in the UI

Requirements

• vue must be initialized in the host application

Usage

Install

Install the component in your host application

yarn add @kong-ui-public/document-viewer

Register

You can register portal-document-viewer globally or locally.

// Global registration
import { createApp } from 'vue'
import DocumentViewer from '@kong-ui-public/document-viewer'
import '@kong-ui-public/document-viewer/dist/style.css'

const app = createApp(App)

app.use(DocumentViewer)

<!-- Local registration -->
<template>
  <DocumentViewer />
</template>

<script setup lang="ts">
import DocumentViewer from '@kong-ui-public/document-viewer'
import '@kong-ui-public/document-viewer/dist/style.css'
</script>

Props

document

• type: String|Object
• required: true
• default: null

Markdown object or string. Required.