Empty with Link Action Empty State for React

Yes. It's a link styled by Button with variant="link", so it navigates like any anchor and opens in a new tab on middle-click. render with an a element makes the button render a link, and nativeButton is false because the element isn't a button.

After the label, with data-icon="inline-end". The button's own gap separates the words and the icon, and sizes the icon for you.

BookOpenIcon in EmptyMedia with variant="icon", the title "Get started with our guide", and a description about setting up the first project.

In EmptyContent, after EmptyHeader. The content is a centered column, so the link sits under the description.

Set the documentation URL as the href in place of #. For a site outside yours, add target="_blank" and rel="noreferrer", and say in the label that it opens a new tab.

Read the documentation, from its text. ExternalLinkIcon and BookOpenIcon are aria-hidden, so they add nothing to it.