@fluid-topics/ft-reader-topic-context

Context block for integrated reader topic components.

Install

npm install @fluid-topics/ft-reader-topic-context
yarn add @fluid-topics/ft-reader-topic-context

Usage

See @fluid-topics/ft-reader-context for more information about integrated readers for Fluid Topics.

import { html } from "lit"
import "@fluid-topics/ft-reader-context"
import "@fluid-topics/ft-reader-topic-context"
import "@fluid-topics/ft-reader-topic-title"
import "@fluid-topics/ft-reader-topic-metadata"
import "@fluid-topics/ft-reader-topic-content"

function render() {
    return html` 
        <ft-reader-context baseUrl="https://my.fluidtopics.com" mapId="<Map ID>">
            <ft-reader-topic-context tocId="<Topic ToC ID>">
                <ft-reader-topic-title></ft-reader-topic-title>
                <ft-reader-topic-metadata key="version"></ft-reader-topic-metadata>
                <ft-reader-topic-content></ft-reader-topic-content>
            </ft-reader-topic-context>
        </ft-reader-context>
    `
}