⚠️ Você está vendo a documentação da versão: v1.5
Beagle v1.5 não é mais mantida ativamente. A versão documentada que você está visualizando pode conter funcionalidades depreciadas. Para obter as funcionalidades mais recentes, consulte a nossa última versão .
Button
Descrição do componentes Button e seus atributos
O que é?
Este componente irá definir as propriedades de um botão nativo através do Beagle.
A sua estrutura está representada abaixo:
| Atributos | Tipo | Obrigatório | Definição |
|---|---|---|---|
| text | String ou Binding | ✓ | Texto no botão. Título do botão |
| styleId | String ou Binding | Este atributo referencia um estilo nativo a ser aplicado no botão. Se não for informado, o estilo padrão de botão da sua aplicação será aplicado. | |
| onPress | List <Action> | Array de ações que o botão dispara quando clicado. É possível definir uma Ação customizada ou qualquer ação já disponível na interface, como por exemplo uma ação que mostra uma mensagem de alerta(Alert). Este atributo é opcional, mas se uma ação for definida aqui ela precisa estar configurada no frontend. Para criar uma ação no frontend veja o exemplo: Criando uma ação customizada | |
| clickAnalyticsEvent | ClickEvent | Evento de clique que será disparado caso tenha sido implementado um serviço de analytics. Para saber mais sobre analytics e os eventos suportados, veja o exemplo: Analytics. |
Como usar?
Button(
text = "Clique aqui",
styleId = "DesignSystem.MyNativeStyle",
onPress = listOf(Alert(message="Exemplo de botão"))
)
👉 Teste esse componente no Web Playground
Feedback
Was this page helpful?
Glad to hear it! Please tell us how we can improve.
Sorry to hear that. Please tell us how we can improve.
Última modificação 05/03/2021: fix: change table docs (#385) (ea0ea742)