SearchButton

Esse componente tem como função auxiliar na manipulação, manutenção e padronização de botões de busca dentro de uma aplicação.

Exemplo

Visualização

button

Fonte

<SearchInput
accessibility="Pesquisar"
id="f8972g3786"
onChange={() => {}}
hasShadow
iconSize={36}
iconColor="#92f"
placeholder="Procure seu artista"
placeholderTextColor="#92f000"
leftIcon
/>

Atributos

FormatoConceitoTipo
accessibilityAqui é declarada a acessibilidade.string
idID do componente.string
onChangeEvento disparado quando o conteúdo do componente for alterado. Quando evocado, chama uma função.function
children?Elementos filhos do componente.React.ReactNode
containerStyle?Define o estilo do container do componente.StyleProp< ViewStyle >
hasShadow?Define se o componente tem sombreamento.boolean
iconColor?Define a cor do ícone (lupa) do componente.string
iconSize?Define o tamanho do ícone (lupa) do componente.number
inputPadding?Define o atributo padding do componente.number
inputStyle?Define o estilo interno do componente.StyleProp< ViewStyle >
key?Define a chave do componente.number, string
leftIcon?Define se o ícone deve estar à esquerda do componente.boolean
onBlur?Evento disparado quando o componente for desfocado. Quando evocado, chama uma função.function
onClear?Evento disparado quando o componente for limpo. Quando evocado, chama uma função.function
onFocus?Evento disparado quando o componente for focado. Quando evocado, chama uma função.function
placeholder?Define uma descrição interna para o componente.string
placeholderTextColor?Define a cor do placeholder.string
textStyle?Define o estilo do texto a ser inserido.StyleProp< ViewStyle >
wrapperHeight?Define a altura do componente.number