Components

DhLink / DhLinkButton

Inline text link (DhLink) and a button-styled anchor (DhLinkButton) that reuses DhButton's visual system.

Open in Figma

Inline text link

Look at the Button for variants. Material guidelines open in a new tab.

<DhBody>
  Look at the
  <DhLink href="/button">Button</DhLink>
  for variants.
  <DhLink href="https://m3.material.io/components/buttons" external>
    Material guidelines
  </DhLink>
  open in a new tab.
</DhBody>

With icons

Back to Button Next: Icon 
<DhLink href="/button" startIcon="arrow-left">Back to Button</DhLink>
<DhLink href="/icon" endIcon="arrow-right">Next: Icon</DhLink>

DhLinkButton variants

Primary Secondary Tertiary Ghost Error 
<DhLinkButton href="#" variant="primary" text="Primary" />
<DhLinkButton href="#" text="Secondary" />
<DhLinkButton href="#" variant="tertiary" text="Tertiary" />
<DhLinkButton href="#" variant="ghost" text="Ghost" />
<DhLinkButton href="#" variant="error" text="Error" />

DhLinkButton with icons

Back Continue Open in Figma 
<DhLinkButton href="#" startIcon="arrow-left" text="Back" />
<DhLinkButton href="#" endIcon="arrow-right" text="Continue" />
<DhLinkButton href="https://figma.com" external text="Open in Figma" endIcon="external-link" />