Scrivito.LinkTag

Renders a CMS link.

Renders an <a href> link to the specified resource. The to prop is passed to navigateTo on click.

Props

  • to (Obj, Link, DataItem) – The CMS object, CMS link, or CMS data item to navigate to when clicking the link. 
  • params (Object) – Used to build the query part of the URL.
  • onClick (Function) – Your event handler. This optional prop causes the specified function to be executed when the link is clicked. The function receives an event of the React.MouseEvent type. One can call preventDefault on the event to prevent the redirection.

Remarks

  • The children of the component are rendered as children of the a tag.
  • Other props are rendered as attributes of the resulting a tag.
  • Passing a DataItem to the to prop causes the link to navigate to the corresponding details page of the item.

Examples

Render a navigation list comprised of all children of a page:

Pass params:

Pass an onClick property to call a method when the link is clicked:

Suppress the redirection using preventDefault: