Button

Como utilizar

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

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

const YourApp = () => {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Button
        size="md"
        text="Confirmar"
        status="danger"
        appearanceStyle="outline"
      />
    </View>
  )
}

export default YourApp;

Props

Prop	Tipo	Default	Descrição
size	`string`	`md`	Define o tamanho do componente (sm, md, lg ou xl)
text	`string`	`" "`	Texto do componente
status	`string`	`default`	Define o status do componente (default, danger, success)
onPress	`func`	`() => {}`	Função chamada quando houver um "click" no componente
appearanceStyle	`string`	`solid`	Define o estilo do componente solid, outline ou ghost
pill	`bool`	`false`	Define a borda arredondada no componente
color	`string`	`primary`	Define a cor de background do componente
fontColor	`string`	`" "`	Define a cor do texto do componente
iconLeft	`element`	`null`	Insere um ícone no lado esquerdo do componente
iconRight	`element`	`null`	Insere um ícone no lado direito do componente
isLoading	`bool`	`false`	Ativa o 'Loading' do componente
disabled	`bool`	`false`	Desabilita o componente