Product Status Alert

This is the <ProductStatusAlert /> component

Basic Product Status Alert

Presentation

my

sold out

sku

challenge

Source

{`<ProductStatusAlert text="my" status="my" />Answer</Accordion>
  <ProductStatusAlert text="sold out" status="sold" />
  <ProductStatusAlert text="sku" status="sku" />
  <ProductStatusAlert text="challenge" status="challenge" />
`}

Component API

Name	Type	Default	Description
countdown	CountdownTimerProps undefined	-	Countdown Timer object with a timer and settings props
dataTestId	sting	'card-alert'	Test id for integration/unit tests
onChange	() => void	-	Change toggle state
size	`sm	sm	thumbnails using sm size default is md	Change toggle state