Badge

Pequeno indicador de status, normalmente usado, por exemplo, para indicar notificações ou mensagens não lidas.

API

Props

Declaration Description Type Default
count Número a ser exibido Number null
overflowCount Número máximo a ser exibido Number 99

Style names

Declaration Description
dark Define backgroundColor como darkColor como definido no tema.
success Define backgroundColor como successColor como definido no tema.
danger Define backgroundColor como dangerColor como definido no tema.
warning Define backgroundColor como warningColor como definido no tema.
info Define backgroundColor como infoColor como definido no tema.

JSX Declaration


<Badge styleName="sm-gutter start" count={200}>
  <View
    styleName="rounded-corners"
    style={{ width: 40, height: 40, backgroundColor: '#ccc' }}
  />
</Badge>

Snack Example