DEBUG: example
Debug Output
{
"name": "Test",
"value": 123,
"nested": {
"key": "value"
}
}
Debug
Debug-Informationen
Die Debug-Komponente zeigt Debug-Informationen in der Entwicklungsumgebung an. Sie kann Daten im Server-Log, Browser-Log oder als UI-Element anzeigen.
Codebeispiel
<Debugdata={{ name: "Test", value: 123 }}label="example"title="Debug Output"renderUI={true}logInServer={true}logInBrowser={false}stringifySpaces={2}language="json"isCopyEnabled={true}/>Parameter
| Bezeichner | Typ | Beschreibung | Default |
|---|---|---|---|
| data | unknown | Die zu debuggenden Daten | - |
| label | string | Label für die Debug-Ausgabe | debug |
| title | string | Titel der Debug-Ausgabe | Debug Output |
| renderUI | boolean | UI-Element anzeigen | true (nur in DEV) |
| logInServer | boolean | Im Server-Log ausgeben | true |
| logInBrowser | boolean | Im Browser-Log ausgeben | false |
| stringifySpaces | number | Anzahl der Einrückungen für JSON | 2 |
| language | string | Sprache für Syntax-Highlighting | json |
| isCopyEnabled | boolean | Kopieren-Button anzeigen | true |