mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 07:21:16 +08:00
30 lines
524 B
TypeScript
30 lines
524 B
TypeScript
import { Component, Input } from '@angular/core';
|
|
|
|
@Component({
|
|
selector: 'storybook-pre',
|
|
template: `<pre data-testid="pre" [ngStyle]="style">{{ finalText }}</pre>`,
|
|
})
|
|
export default class PreComponent {
|
|
/**
|
|
* Styles to apply to the component
|
|
*/
|
|
@Input()
|
|
style?: Object;
|
|
|
|
/**
|
|
* An object to render
|
|
*/
|
|
@Input()
|
|
object?: Object;
|
|
|
|
/**
|
|
* The code to render
|
|
*/
|
|
@Input()
|
|
text?: string;
|
|
|
|
get finalText() {
|
|
return this.object ? JSON.stringify(this.object, null, 2) : this.text;
|
|
}
|
|
}
|