DocsLink
Enlace externo a la documentación de ayuda, con su icono.
Usar
import { DocsLink } from "@unozero-ai/ui/react";
<DocsLink></DocsLink>Básico
Lleva a un artículo del centro de ayuda y lo abre en una pestaña nueva (con rel="noopener noreferrer"), así el usuario no pierde lo que estaba haciendo; el lector de pantalla oye además que se abre otra pestaña. El label nombra el artículo («Cómo conectar WhatsApp Business»), no «Ver documentación»; si el texto necesita marcado, va como hijo. Para navegar dentro de la app usa un enlace normal o un Button variant="link".
En una tarjeta de ajustes
Debajo de la descripción, cuando la configuración tiene requisitos que no caben en una línea. El enlace es texto primario, sin relleno, así que no compite con el botón del pie de la tarjeta (la Regla de una Sola Decisión).
Junto a un error
Cuando el error tiene una causa conocida y una solución documentada, enlaza el artículo justo debajo del mensaje. Es más útil que pegar los pasos en el aviso.
El PMS rechazó 3 tarifas porque la habitación «Suite junior» no existe allí.
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).