Skip to main content

BulletList

Template for action cards containing a bullet list

Usage#

<ActionCardBulletListTemplate title="Basic Template Title" imageProps={{variant: "icon", SVGImg: svg}} description="This is a basic template description" bulletListProps={{items: ["item 1", "item 2", "item 3"], color: "green"}} primaryButtonProps={{label: "Custom Primary", onPress: () => console.log("Primary Button Pressed")}} onPress={() => console.log("Pressed 'Next' button")}/>
tip

See CustomBulletList too see additional styling possibilities of the bullet list

Props#

NameTypeDefaultDescription
imagePropsActionCardImagePropsundefinedThe props used for the image. See props here
title*stringundefinedThe card title
description*stringundefinedThe card description
bulletListPropsBulletListPropsundefinedProps passed to the bullet list. See props here
primaryButtonPropsActionCardButtonPropsundefinedThe props used for the primary button. See props here
onPressfunction () => anyundefinedCallback that is called when pressing the 'next' button.

*required