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
Fonte
<SearchInput
accessibility="Pesquisar"
id="f8972g3786"
onChange={() => {}}
hasShadow
iconSize={36}
iconColor="#92f"
placeholder="Procure seu artista"
placeholderTextColor="#92f000"
leftIcon
/>
Atributos
Formato | Conceito | Tipo |
---|---|---|
accessibility | Aqui é declarada a acessibilidade. | string |
id | ID do componente. | string |
onChange | Evento 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 |