Help Link

Help Link component is intended for adding helpful links with tutorials or educational content on the UI.

Basic Help Link

import React, { useState } from "react";
import { HelpLink } from "@nimbus-ds/patterns";
import { Icon, Link } from "@nimbus-ds/components";
import { ExternalLinkIcon } from "@nimbus-ds/icons";

const Example: React.FC = () => {
  return (
    <HelpLink>
      <Link
        as="a"
        href="https://nimbus.tiendanube.com/"
        target="_blank"
        appearance="primary"
        textDecoration="none"
      >
        Help link
        <Icon source={<ExternalLinkIcon />} color="currentColor" />
      </Link>
    </HelpLink>
  );
};

export default Example;

Implementação

Instala o componente via terminal.

npm install @nimbus-ds/help-link

Props

Additional props are passed to the <HelpLink> element. See div docs for a list of props accepted by the <HelpLink> element.