Clickable

O Clickable simula o comportamento de um botão para qualquer elemento, permitindo que ele seja clicável e uma ação ocorra neste clique - garantindo a acessibilidade.
Idealmente um botão nativo deve ser utilizado para elementos interativos, mas caso haja a necessidade, pode-se utilizar o Clickable para simular esse funcionamento.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

children *

ReactNode

  • —

Conteúdo interno.

disabled

boolean

  • true

  • false (default)

Desabilita a interatividade.

enableTextSelection

boolean

  • true (default)

  • false

Define se o conteúdo em texto deve ser selecionável.

role

string

  • button (default)

  • ...

O role HTML atribuído ao elemento raíz.

tabIndex

number

  • 0 (default)

  • -1

O tabIndex atribuído ao elemento raíz.

Métodos

Nome (* = obrigatório)

Tipo

Descrição

onClick

(event) => void

Função chamada quando o componente é clicado.

event é o objeto de evento do click.