flex-render-vue
v0.1.3
Published
Vue 3 components for rendering LINE Flex Message
Downloads
36
Maintainers
Readme
@iamprompt/flex-render
Utility to render LINE Flex Bubble / Carousel JSON for displaying in website.
Installation
pnpm add flex-render-vue
Usage
You can input Flex Bubble / Carousel JSON from Flex Message Simulator directly to FlexPreview
component.
import "@iamprompt/flex-render/vue/css";
import { FlexPreview } from "@iamprompt/flex-render/vue";
const flexJSON = {
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "Brown Cafe",
"weight": "bold",
"size": "xl"
}
]
}
}
<FlexPreview :json="flexJSON" />
You can see the example in apps directory.
Bugs
If you find a bug, please file an issue on our issue tracker on GitHub.