react-ions/docs/src/app/pages/components/Buttons/ExampleButtonAnchor.js

An open source set of React components that implement Ambassador's Design and UX patterns.

import React from 'react'
import ButtonAnchor from 'react-ions/lib/components/Button/ButtonAnchor'
import Icon from 'react-ions/lib/components/Icon'

const ExampleButtonAnchor = () => (
  <div>
    <ButtonAnchor path='http://www.google.com' optClass='success'>External</ButtonAnchor>
    <ButtonAnchor path='http://www.google.com' target='_blank' collapse={true}>
      <span>External (new window)</span>
      <Icon name='icon-power-1' height='14' width='14'></Icon>
    </ButtonAnchor>
    <ButtonAnchor path='/components/progress-bar' internal={true} optClass='plain'>Internal</ButtonAnchor>
  </div>
)

export default ExampleButtonAnchor