Circle

Botão em formato circular.

Exemplo

Modifique esse componente em tempo real pelo Storybook clique aqui

Utilização

<Circle
onClick={() => console.log('Circle')}
icon={require('../assets/images/icon_ame.svg')}
label="Loren Ipsum"
/>

Propriedades

icon

• Type: String
• Opcional

Endereço HTTPS da imagem do ícone ou endereço da iamgem ícone local usando require.

label

• Type: String
• Opcional

Texto descritivo que vem abaixo do Circle.

hint

• Type: String
• Opcional

Título descritivo acima do Circle.

image

• Type: String
• Opcional

Endereço HTTPS da imagem ou endereço da imagem local usando require.

disabled

• Type: Boolean
• Opcional

Bloqueia o usuário de interagir com o Circle.

onClick

• Type: Function
• Opcional

Recebe uma função para ser executada em um evento de toque sobre o Circle.

Outros exemplos

O Circle acima foi representado pelo código abaixo

<View>
 <Circle
onClick={() => console.log('Circle')}
icon={require('../assets/images/icon_ame.svg')}
label={'Loren Ipsum'}
/>
</View>