React-twitter-button NPM

React Twitter Buttons

A simple way to create your own twitter buttons with react.

Install

npm

npm install --save react-twitter-button

Importing

ES6 imports :

import TwitterButton from "react-twitter-button";

Usage

<TwitterButton />

Custom Your Own Button

You can create your own button.

const config = {
    iconType: 'bird-cute',
    text: 'As Above, So Below',
    style: {
        background: 'rgb(193, 19, 19)',
        boxShadow: 'none'
    },
    hoverStyle: {
        background: '#000',
        right: '0',
        bottom: '0'
    }
};

<TwitterButton config={config}/>

Icon Types

Text

<TwitterButton config={{iconType: "text"}}/>

Text-Line

<TwitterButton config={{iconType: "text-line"}}/>

Text-Circle

<TwitterButton config={{iconType: "text-circle"}}/>

Bird-Cute

<TwitterButton config={{iconType: "bird-cute"}}/>

Bird-Weird

<TwitterButton config={{iconType: "bird-weird"}}/>

Bird-Furry

<TwitterButton config={{iconType: "bird-furry"}}/>

Bird-Circle

<TwitterButton config={{iconType: "bird-circle"}}/>

Bird-Circle2

<TwitterButton config={{iconType: "bird-circle2"}}/>

Bird-Square

<TwitterButton config={{iconType: "bird-square"}}/>

Bird-Casual

<TwitterButton config={{iconType: "bird-casual"}}/>

Props

Attribute	Type	Default	Description
iconType	`string`	`primary`	Define the icon you like
text	`string`	`false`	Custom button text
style	`object`	`23`	Custom button style
disabled	`bool`	`false`	Disabled button
onClick	`object`	`null`	Will trigger when click