Member Junction
    Preparing search index...

    Represents an additional tab that a plugin can provide to the artifact viewer.

    Tabs can render content in two ways:

    1. String content - Use contentType with content for built-in renderers (markdown, json, code, etc.)
    2. Custom component - Use contentType: 'component' with component and optional componentInputs
    // String content tab
    {
    label: 'Code',
    icon: 'fa-code',
    contentType: 'code',
    content: () => this.getCodeContent(),
    language: 'typescript'
    }
    // Custom component tab
    {
    label: 'Data',
    icon: 'fa-database',
    contentType: 'component',
    component: DataRequirementsViewerComponent,
    componentInputs: { dataRequirements: this.spec.dataRequirements }
    }
    interface ArtifactViewerTab {
        component?: Type<any>;
        componentInputs?: Record<string, any> | (() => Record<string, any>);
        content?: string | (() => string);
        contentType:
            | "plaintext"
            | "html"
            | "markdown"
            | "json"
            | "code"
            | "component";
        icon?: string;
        label: string;
        language?: string;
    }
    Index

    Properties

    component?: Type<any>

    Angular component class to render (used with 'component' contentType)

    componentInputs?: Record<string, any> | (() => Record<string, any>)

    Inputs to pass to the custom component

    content?: string | (() => string)

    String content or function returning string (for non-component tabs)

    contentType: "plaintext" | "html" | "markdown" | "json" | "code" | "component"

    Type of content to render

    icon?: string

    Font Awesome icon class (without 'fas' prefix)

    label: string

    Display label for the tab

    language?: string

    Language hint for code highlighting (used with 'code' contentType)