Skip to content

Display.json

Renders JSON data within a Buttonize page.

Display.json(json, props)

Usage

lib/MyStack.ts
4 collapsed lines
import { ButtonizeApp, Display } from 'buttonize/cdk'
new ButtonizeApp(this, 'DemoApp')
.page('DemoPage', {
body: [
Display.json({ key: 'value' })
]
})

Preview

app.buttonize.io

Props

json

Required

object
The object to display.

spacingTop

Optional

’sm’ | ‘md’ | ‘lg’ | ‘xl’

The amount of space to give above the component.

spacingBottom

Optional

’sm’ | ‘md’ | ‘lg’ | ‘xl’

The amount of space to give below the component.

width

Optional

1 | 2 | 3 | 4
The width of the component.