Description:

The sdk-viewer component is used for viewing text, such as JSON and arrays, with a 'copy to clipboard' feature.

Angular Compatibility Chart

Version	Compatibility
16	EOL 2025
17	EOL 2025
18	✔
19	✔
20	Q3 2025

INSTALLATION:

Using NPM:

1npm install --save sdk-viewer

CONFIGURATION:

To configure the sdk-viewer for your application, add the following lines to your app.module.ts file:

1import { SDKViewerModule } from 'sdk-viewer';
2
3@NgModule({
4    imports: [
5        SDKViewerModule
6    ]
7})
8export class AppModule { }

PROPERTIES:

• text (any): Text to display (e.g., JSON, array, etc).
• font (string): The font family to use. Default: 'Courier New', Courier, monospace.
• color (string): The color of the text. Default: white.
• background (string): The background color of the viewer. Default: black.
• showLineNumbers (boolean): Show line numbers to the left of the content. Default: true.

USAGE:

1<sdk-viewer [text]="text"></sdk-viewer>