MML React
Edit page
ReadmeMML
Components
Add to calendarButtonPropertiesMML stringBasic usageWith floating variantWith icon and textWith only an iconButton listCarouselCarousel itemColIconImageInputMdNumberRowSchedulerText
Utility Components
Changelog

Button

Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them.

Properties

className
string | undefined
text
string
required
name
string | undefined
value
string | undefined
url
string | undefined
variant
"floating" | undefined
icon
string | undefined

MML string

<mml>
<button name="action" value="Activate">
Regular button
</button>
</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

With icon and text

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

With only an icon

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