@iamprompt/flex-render

Utility to render LINE Flex Bubble / Carousel JSON for displaying in website.

Installation

``bash
pnpm add flex-render-react
`

Usage

You can input Flex Bubble / Carousel JSON from Flex Message Simulator directly to FlexPreview component.

`tsx
import 'flex-render-react/css';

import { FlexPreview } from "flex-render-react";

const flexJSON = {
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "Brown Cafe",
"weight": "bold",
"size": "xl"
}
]
}
}


``

You can see the example in apps directory.

Bugs

If you find a bug, please file an issue on our issue tracker on GitHub.