Badge

Como utilizar

import { Badge } from '@superlogica/design-system-mobile'

import * as React from 'react';
import { View } from 'react-native';
import { Badge } from '@superlogica/design-system-mobile';

const YourApp = () => {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Badge text="33" color="warning" fontColor="neutral950" />
    </View>
  )
}

export default YourApp;

Props

Prop	Tipo	Default	Descrição
text	`string`	`" "`	Texto do componente
color	`string`	`primary`	Cor de background do componente
fontColor	`string`	`neutral0`	Cor do texto do componente
size	`string`	`md`	Define o tamanho do componente (md ou lg)