LearnMoreLink

An external link component with an arrow icon that opens in a new tab.

Props

Prop	Type	Required	Description
`href`	`string`	Yes	URL to navigate to
`children`	`React.ReactNode`	Yes	Link text or content
`className`	`string`	No	Additional CSS classes

tsx

<LearnMoreLink href="https://docs.insomnia.rest">Learn more about Insomnia</LearnMoreLink>

tsx

<LearnMoreLink className="text-[--color-font]!" href="https://insomnia.rest">
  Visit our website
</LearnMoreLink>

The component uses the following CSS variables for theming:

You can customize these variables in your CSS to theme the link appearance.