React-Route-Button

A Route control built with and for React.

Basically its fully customizable routing buttion using which a user can navigate from one route to another.

Features include:

• Fully customizable route button
• Easy to manage

Installation and usage

The easiest way to use react-route-button is to install it from npm.

import React from 'react';
import RouteButton from 'react-route-button';
 
class App extends React.Component {
  render() {
    return (
      <RouteButton
        textColor="#ffffff"
        bgColor="#f39c12"
        border="#f39c12"
        fa="fa-tachometer"
        iconPosition="left"
        label="Dashboard"
      />
    );
  }
}

Props

Common props you may want to specify include:

• label - Specify the text to display on button eg. Dashboard
• color - Specify the hexadecimal color code for button color
• background - Specify the hexadecimal color code for button background
• border - Specify the hexadecimal color code for button border
• borderRadius - "rounded" for round edges
• fa - Button with font awesome icon
• iconPosition - Set IconPosition "left" or "right"