Utility to render LINE Flex Bubble / Carousel JSON for displaying in website.
pnpm add @iamprompt/flex-renderYou can input Flex Bubble / Carousel JSON from Flex Message Simulator directly to render function / FlexPreview component.
const flexJSON = {
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "Brown Cafe",
"weight": "bold",
"size": "xl"
}
]
}
}import { render } from '@iamprompt/flex-render';
render(flexJSON)import { FlexPreview } from '@iamprompt/flex-render/react';
<FlexPreview json={flexJSON} />import { FlexPreview } from '@iamprompt/flex-render/vue';
<FlexPreview :json="flexJSON" />You can see the example in apps directory.
If you find a bug, please file an issue on our issue tracker on GitHub.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent