@myntra/uikit-component-badge v1.13.96

import Badge from './src/badge'

Badge

<Badge>10</Badge>

Appearances

<div style={{
  display: 'flex',
  justifyContent: 'space-around'
}}>
  <Badge type="error">error</Badge>
  <Badge type="warning">warning</Badge>
  <Badge type="success">success</Badge>
  <Badge type="gray">gray</Badge>
  <Badge type="primary">primary</Badge>
  <Badge type="brown">brown</Badge>
</div>

Size

<div style={{
  display: 'flex',
  justifyContent: 'space-around',
  alignItems: 'center',
  flexDirection: 'column',
  height: '200px'
}}>
  <Badge type="primary" size="small">small</Badge>
  <Badge type="primary" size="regular">regular</Badge>
  <Badge type="primary" size="large">large</Badge>
</div>

Variant

Solid

<div style={{
  display: 'flex',
  justifyContent: 'space-around'
}}>
  <Badge type="error">error</Badge>
  <Badge type="warning">warning</Badge>
  <Badge type="success">success</Badge>
  <Badge type="gray">gray</Badge>
  <Badge type="primary">primary</Badge>
  <Badge type="brown">brown</Badge>
</div>

Outlined

<div style={{
  display: 'flex',
  justifyContent: 'space-around'
}}>
  <Badge type="error" variant="outlined">error</Badge>
  <Badge type="warning" variant="outlined">warning</Badge>
  <Badge type="success" variant="outlined">success</Badge>
  <Badge type="gray" variant="outlined">gray</Badge>
  <Badge type="primary" variant="outlined">primary</Badge>
  <Badge type="brown" variant="outlined">brown</Badge>
</div>