BadgeSecondary

Component for highlighted information

<BadgeSecondary>Info</BadgeSecondary>
<br /><br />
<BadgeSecondary variant="success">Success</BadgeSecondary>
<br /><br /> 
<BadgeSecondary variant="warning">Warning</BadgeSecondary>
<br /><br />
<BadgeSecondary variant="error">Error</BadgeSecondary>
<br /><br />
<BadgeSecondary variant="archived">Archived</BadgeSecondary>
<br /><br />
<BadgeSecondary variant="error">123</BadgeSecondary>
<BadgeSecondary variant="archived" sx={{ ml: 3 }}>123</BadgeSecondary>
<BadgeSecondary variant="info" sx={{ ml: 3 }}>New</BadgeSecondary>

Props

Prop	Type	Default	Description
children	string \| number		Data to be displayed inside of the colored block (required).
variant	'success' \| 'info' \| 'warning' \| 'error' \| 'archived'	info	Color of the BadgeSecondary
typographyProps	TypographyProps		Props forwarded onto the Typography component
sx	SxProps		Sx props for 'Box'