mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 07:01:21 +08:00
30 lines
522 B
TypeScript
30 lines
522 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 = {};
|
|
|
|
/**
|
|
* An object to render
|
|
*/
|
|
@Input()
|
|
object: Object = null;
|
|
|
|
/**
|
|
* The code to render
|
|
*/
|
|
@Input()
|
|
text = '';
|
|
|
|
get finalText() {
|
|
return this.object ? JSON.stringify(this.object, null, 2) : this.text;
|
|
}
|
|
}
|