ContextButton

A Context Button provides a way to interact with your application on a global level.

Examples

import React from 'react';
import ReactDOM from 'react-dom';
import { ContextButton, Icon } from 'furl-components';

ReactDOM.render(
  <ContextButton 
      verticalPosition='bottom' 
      horizontalPosition='right' 
      color='primary'
    >
      <Icon name='plus' />
    </ContextButton>, 
  document.getElementById('root')
);

API

ContextButton props
Property	Description	Type	Default
color	context button color	string	'plain'
size	context button size	string	'normal'
text	context button text transformaton	string	'normal'
verticalPosition	context button vertical position	string	'bottom'
horizontalPosition	context button horizontal position	string	'right'
onClick	context button onclick event>	function

Notes

color can be any of the predefined color palettes ('plain', 'primary', 'secondary', 'success', 'warning' or 'danger').
size can be one of the following: 'small', 'normal' or 'large'.
text can be either 'normal' or 'uppercase'.
verticalPosition can be one of the following: 'top', 'centerr' or 'bottom'.
horizontalPosition can be one of the following: 'left', 'center' or 'right'.