Drommo
Componente · Botones

Botón Empresarial Azul

Prompt

Crea un botón «Empresarial Azul» listo para producción usando React, TypeScript, Tailwind CSS, shadcn/ui, Framer Motion e iconos Lucide. Muestra el texto «Request demo» con tratamiento corporate, forma cut, icono download, color principal #38bdf8, secundario #818cf8 y fondo #071325. Incluye estados default, hover, focus-visible, activo, carga, éxito, deshabilitado y protección para acciones destructivas. Soporta semántica button y anchor, iconos a izquierda/derecha, modo solo icono, tamaños, ancho completo, acciones asíncronas y prevención de clics duplicados. Anima transform y opacity sin layout shift; respeta prefers-reduced-motion. Exige teclado, nombre accesible, aria-busy, contraste WCAG AA y área táctil de 44px. Devuelve variantes tipadas, componente reutilizable, demo, dependencias y pruebas.

Tipo
Componente · Botones
Tecnología
React, TypeScript, Tailwind CSS, shadcn/ui
  • Button
  • corporate
  • cut
  • Animated
  • Action
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas

Botones

Botón Lujo Rubí