@swrve/core/src/link/Link.stories.js

Core set of Swrve UI Components

import React from 'react'
import { Link as RouterLink, MemoryRouter } from 'react-router-dom'
import Link from './Link'

export default {
  title: 'Core/Link',
  component: Link
}

export const ABasicLink = args => {
  return (
    <Link href="http://www.google.com" {...args}>
      A basic Link
    </Link>
  )
}

ABasicLink.storyName = 'A basic Link'

export const ADisabledLink = args => {
  return (
    <Link href="http://www.google.com" disabled {...args}>
      A disabled Link
    </Link>
  )
}

ADisabledLink.storyName = 'A disabled Link'

export const ALinkUsingReactRouter = args => {
  return (
    <MemoryRouter>
      <Link to="/somelink" linkType={RouterLink} {...args}>
        A React Router Link
      </Link>
    </MemoryRouter>
  )
}

ALinkUsingReactRouter.storyName = 'A link using React Router'