Enlace externo ​

El componente SisdaiEnlaceExterno funciona para crear enlaces externos dentro de párrafos u otros elementos. Incluye los atributos target="_blank" y rel="noopener noreferrer"para asegurar que los enlaces se abran de una nueva pestaña y mantengan la seguridad del navegador.

Uso ​

Para utilizar el componente SisdaiEnlaceExterno, incorpora el componente en tu plantilla y proporciona los atributos enlace y texto para definir el URL y el texto del enlace, respectivamente. A continuación, se muestra un ejemplo de etiqueta simple:

html
<SisdaiEnlaceExterno
  :enlace="'...'"
  :texto="'...'"
/>

Vista simplificada

En la vista simplificada el componente SisdaiEnlaceExterno no se modifica en diseño ni en comportamiento.

API ​

Este componente admite las siguientes propiedades:

Propiedades ​

  • enlace: indica la ruta o el enlace al que se dirige el componente.
    • Tipo: String
    • Valor predeterminado: '#'
    • Requerido: sí
  • texto: indica el texto que se debe pulsar para acceder al enlace.
    • Tipo: String
    • Valor predeterminado: 'Enlace externo'
    • Requerido: sí

Métodos ​

Este componente no tiene métodos.

Eventos ​

Este componente no dispara eventos externos.

Slots ​

Este componente no permite contenido con slots.

Ejemplos de uso ​

Ejemplo básico ​

Enlace ​

El color del enlace se hereda de Sisdai Css y el pictograma que lo acompaña viene de la fuente de pictogramas sisdai-pictogramas.

Un sitio Web accesible, según lo estipula el , es aquel que permite que el mayor número posible de personas usuarias puedan percibir, entender, navegar e interactuar con la Web correctamente. Esto incluye a personas con diferentes discapacidades: visual, auditiva, motora, cognitiva o neurológica, así como a personas adultas mayores y personas poco familiarizadas con el uso de internet; independientemente del contexto técnico de su uso (tipo de dispositivo, programa informático, velocidad de la conexión, condiciones ambientales, etc.).

vue
<template>
  <p>
    Un sitio Web accesible, según lo estipula el
    <SisdaiEnlaceExterno
      texto="Consejo Nacional para
      Prevenir la Discriminación (Conapred)"
      enlace="https://www.conapred.org.mx/"
    ></SisdaiEnlaceExterno>
    , es aquel que permite que el mayor número posible de personas usuarias
    puedan percibir, entender, navegar e interactuar con la Web correctamente.
    Esto incluye a personas con diferentes discapacidades: visual, auditiva,
    motora, cognitiva o neurológica, así como a personas adultas mayores y
    personas poco familiarizadas con el uso de internet; independientemente del
    contexto técnico de su uso (tipo de dispositivo, programa informático,
    velocidad de la conexión, condiciones ambientales, etc.).
  </p>
</template>