Navegación@unozero-ai/ui

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).

Conectar PMS

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).

PropTipoDefectoDescripción
hrefstring""URL del artículo del centro de ayuda; se abre en una pestaña nueva.
labelstring""Texto del enlace: nombra el artículo (alternativa al slot).
SlotDescripción
(por defecto)Texto del enlace, si necesita marcado (alternativa a label).
Parte CSSDescripción
uz-docs-link::part(base)El <a> interno.