Badge

Badge generates a small badge to the top-right of its child element.

Basic Badge

<me-badge badge-content="4"> <me-icon-button>...</me-icon-button> </me-badge>

<me-badge variant="dot" color="error">...</me-badge>

Attribute	Type	Default	Description
`badge-content`	string \| number	—	Badge label.
`color`	error \| primary \| secondary \| success \| warning \| info	error	Badge color.
`variant`	standard \| dot	standard	Dot shows no content.
`max`	number	99	Max value before showing `n+`.
`invisible`	boolean	false	Hides the badge.
`overlap`	circular \| rectangular	circular	Wrapping shape of child.