| name | route |
|---|---|
MML |
/mml |
import { Playground, Props } from 'docz'; import { MML } from './MML.tsx';
This component accepts an MML string and renders it as React components.
If there are any stateful tag, it will gather all the inital states and and expose them in MMLContext.
It also accepts custom convertor which allows you to exapand the default tags and add more compoennts.
If onSubmit callback return a promise, it will be awaited.
console.info(data)} source={` Submit `} /> Hi Jack, I'm painting John's house, looks like they also need some plumbing work, do any of these times work for you on Saturday? 9:30 10:00 11:30 Cancel `} /> Hi Jack, I'm painting John's house, looks like they also need some plumbing work, do any of these times work for you on Saturday? 9:30 10:00 11:30 Cancel `} />In case of an error, you can override default Error component
{error}
} />
Shows the mml content inside a card like UI, see the Number component usage as a further example. It automatically wraps the mml components in a <div class="mml-card">...</div>.