Chip - Superlógica Design Language

Como utilizar

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

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

const YourApp = () => {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Chip
        text="Hello World"
        color="warning"
        fontColor="neutral700"
      />
    </View>
  )
}

export default YourApp;

Props

Prop	Tipo	Default	Descrição
text	`string`	`" "`	Texto do componente
onPress	`func`	`() => {}`	Função chamada quando houver um "click" no componente
color	`string`	`primary`	Define a cor de background do componente
fontColor	`string`	`neutral950`	Define a cor do texto do componente
size	`string`	`md`	Define o tamanho do componente (md ou lg)
iconLeft	`element`	`null`	Insere um ícone no lado esquerdo do componente
iconRight	`element`	`null`	Insere um ícone no lado direito do componente