Estilos

Componentes

Formularios

Organismos

Enlaces

Los enlaces son hipervínculos que la persona usuaria utiliza para navegar contenidos en un sitio web. Pueden dirigir tanto a información y recursos dentro de una misma página o sitio web, como también a páginas externas.

Si quieres conocer las buenas prácticas de uso del componente, puedes visitar el siguiente enlace.

Predeterminado

enlace en párrafo

enlaces en párrafo

enlace en párrafo

enlaces en párrafo


  <a href="#" target="_blank" rel="noopener noreferrer">enlace en párrafo</a>
  <small>
    <a href="#" target="_blank" rel="noopener noreferrer">enlaces en párrafo</a>
  </small>

  <div class="bg-dark">
    <a href="#" class="link-white" target="_blank" rel="noopener noreferrer">enlace en párrafo</a>
    <small>
      <a href="#" class="link-white" target="_blank" rel="noopener noreferrer">enlaces en párrafo</a>
    </small>
  </div>

Externo

enlace externo

enlace externo


  <a class="external" href="#" target="_blank" rel="noopener noreferrer">enlace externo</a>
                       
  <div class="bg-dark">
    <a class="external link-white" href="#" target="_blank" rel="noopener noreferrer">enlace externo</a>
  </div>

Descarga

enlace de descarga

enlace de descarga

Descargar

  <a class="download" href="#" target="_blank" rel="noopener noreferrer" download="">enlace de descarga</a>

  <div class="bg-dark">
    <a class="download link-white" href="#" target="_blank" rel="noopener noreferrer" download="">enlace de descarga</a>
  </div>

  <a class="btn btn-secondary btn-sm download-link" href="#" target="_blank" rel="noopener noreferrer" download="">Descargar</a>

Acceso

enlace de acceso

enlace de acceso


  <a class="access" href="#" target="_blank" rel="noopener noreferrer">enlace de acceso</a>
  
  <div class="bg-dark">
    <a class="access link-white" href="#" target="_blank" rel="noopener noreferrer">enlace de acceso</a>
  </div>