SocialButton
Acceso con un tercero (Google, Facebook, WhatsApp) con su glifo y el texto de la acción.
Usar
import { SocialButton } from "@unozero-ai/ui/react";
<SocialButton></SocialButton>Configurador
Cambia las propiedades y mira el componente y su código. Con label vacío usa el texto por defecto del proveedor.
<SocialButton provider="google" />Proveedores
Google y Facebook para entrar; WhatsApp para conectar un número. Los textos por defecto ya no salen del UIProvider: se cambian una vez para toda la app con setLabels de @unozero-ai/ui (continueWithGoogle, continueWithFacebook, connectWhatsapp; ver Textos e idioma). Cada glifo lleva el color de su marca, que no es un token del sistema y no cambia con el tenant.
Pantalla de acceso
La superficie del botón es neutra a propósito: así el único relleno de la pantalla sigue siendo «Continuar» (la Regla de una Sola Decisión). Ocupa todo el ancho por defecto, que es lo que pide un formulario de acceso.
Cargando
El OAuth lo pones tú en onClick. Mientras la ventana del proveedor está abierta, loading cambia el glifo por un spinner, bloquea el botón y anuncia aria-busy; deshabilita los demás para que no se abran dos ventanas. Pulsa uno.
Conectar un canal
En ajustes, con fullWidth={false} (el ancho completo viene activo) y un label que nombra lo que se conecta («Conectar número», no «Continuar con WhatsApp»). Si el texto necesita marcado, va como hijo en vez de en label.
WhatsApp Business
Conecta el número del hotel para que el asistente conteste a los huéspedes.
Página de Facebook
Recibe en la bandeja los mensajes de Messenger de tu página.
API
Generada del custom-elements.json que publica @unozero-ai/ui. Las partes se estilan desde tu CSS con el nombre del elemento: uz-button::part(base).