Button Card

Provide options to open links in the same tab or a different tab using a preview image generally used for OAuth Login or any use-case that navigates user away from the bot to an external link.

The parameters for a ButtonCard are:

Name Type Default Values Description
url string - - url that can be opened from the messenger
linkOpenTarget string tab tab,self open item url in a new tab tab, or change the current parent page self
title string - - the text you would like to appear in the title of the ButtonCard
urlTitle string - - the text you would like to appear on the link text of the ButtonCard
imgUrl string - - the url of the image you would like to appear on the card
showIcon boolean false true,false whether to show the icon besides the link text on the ButtonCard

Simple ButtonCard

Simple ButtonCard

<TimelineMessage>
 <ButtonCard title="Sure thing, just fill out this form"
 urlTitle="Organizer Registration" showIcon="true" />
</TimelineMessage>

ButtonCard with an image preview

<TimelineMessage>
<ButtonCard title="Sure thing, just fill out this form"
urlTitle="Organizer Registration" showIcon="true"
imgUrl="https://picsum.photos/250/167" />
</TimelineMessage>

ButtonCard with no icon

<TimelineMessage>
  <ButtonCard title="Sure thing, just fill out this form"
  urlTitle="Login with OAuth" showIcon="false" />
</TimelineMessage>