IconButton

Como utilizar

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

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

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

export default YourApp;

Props

Prop	Tipo	Default	Descrição
size	`string`	`md`	Define o tamanho do componente (sm, md, lg ou xl)
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
color	`string`	`primary`	Define a cor de background do componente
pill	`bool`	`false`	Define a borda arredondada no componente
icon	`element`	`null`	Insere um ícone no componente
isLoading	`bool`	`false`	Ativa o 'Loading' do componente
disabled	`bool`	`false`	Desabilita o componente