Link

Links represent navigation inside a page or between pages, including to pages outside the Admin. They exist within or directly after a text.

import { Link } from '@vtex/shoreline'

export default function Example() {
  return (
    <Link href="https://vtex.com" target="_blank">
      VTEX site
    </Link>
  )
}

Optional props

Related components

Tab

Tabs are used to create up to five views inside a page. Use for related content that is not comparable, when a unified view is not necessary.

Menu

Menus summarize actions in a dropdown. They can include actions that are rarely used, complementary, or repeated for each item in a Collection.

Button

Buttons with labels represent the most important actions that users frequently trigger. They can vary in prominence and can include an icon.

IconButton

Icon Buttons represent minor actions in a flow. It includes a label only for accessibility that is not visible, so the icon must be recognizable by itself.