MML React
Edit page
ReadmeMML
Components
Add to calendarButtonButton listPropertiesMML stringBasic usageWith floating variantWith icon only buttonsCarouselCarousel itemColIconImageInputMdNumberRowSchedulerText
Utility Components
Changelog

ButtonList

Display a list of buttons, a tyical usecase is allowing the user to select an option among a list. It is usually used in pair with some Button

Properties

children
ReactElement<ButtonProps, string | ((props: any) => ReactElement<any, any> | null) | (new (props: any) => Component<any, any, any>)> | ReactElement<ButtonProps, string | ((props: any) => ReactElement<...> | null) | (new (props: any) => Component<...>)>[] | ... 14 more ... | undefined
variant
"floating" | undefined

MML string

<mml>
<button_list>
<button name="side" value="yes">
Yes!
</button>
<button name="side" value="no">
No, thanks
</button>
</button_list>
</mml>

Basic usage

MrLahey | Service
Hi Ricky. I am Mr. Lahey’s messaging assistant
So, what can I help you with?
22:30 pm
ML

With floating variant

MrLahey | Service
Hi Ricky. I am Mr. Lahey’s messaging assistant
So, what can I help you with?
22:30 pm
ML
MrLahey | Service
Hi Ricky. I am Mr. Lahey’s messaging assistant
So, what can I help you with?
22:30 pm
ML
How many days do you need?

With icon only buttons

MrLahey | Service
Hi Ricky. I am Mr. Lahey’s messaging assistant
So, what can I help you with?
22:30 pm
ML
How do you feel about it?