Botão Segurar para Confirmar

Sobre

Botão para ações destrutivas ou importantes: o usuário mantém pressionado enquanto um preenchimento avança. Suporta mouse, toque e teclado (barra de espaço), com estado de sucesso.

Detalhes

Categoria

Botões

Tipo

Componente

Framework

React

Tecnologias

React, Tailwind CSS

Publicado em

02 de agosto de 2026

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/botao-segurar.tsxtsx

Como usar

import BotaoSegurar from "@/components/integra/botao-segurar";

<BotaoSegurar onConfirm={() => console.log("ok")} />