element-or-link

element-or-link

A simple React component to render a hyperlink (using react-routers <Link />) or any html element depending on if a to prop is provided.

Example: https://codesandbox.io/s/wizardly-dust-6keed

Dependencies

• react-router-dom

Usage

yarn add element-or-link

import { ElementOrLink } from 'element-or-link';

const App = () => {
  return (
    <ElementOrLink to="/my-route">
      The element will be a link, not a div.
    <ElementOrLink>
  )
};

Props

{
  to: string,
  children: node,
  element?: string || node, // default is `span`
  displayElement?: boolean, // default is false
}

Example on Codesandbox

https://codesandbox.io/s/wizardly-dust-6keed

Contact me on Twitter

Publish

yarn publish