buttons.js

// Materialize        
<Button
  children=node
  className=string
  disabled=bool
  flat=bool
  large=bool
  floating=bool
  icon=string
  onClick=func
  tooltip=string
/>
    
// Semantic-ui-react
<Button
  active=bool
  attached=string // can be attached to the top or bottom of other content
  basic=bool
  children=node
  circular=bool
  color=string // from library red|orange|yellow|olive|green|teel|blue|violet|puprle
  compact=bool
  content=custom
  disabled=bool
  floated=string // left | right
  fluid=bool // full width
  inverted=bool
  loading=bool // show loading indicator
  onClick=func
  size=string 
/>
    
// Ant Design
<Button
  type=string
  icon=string
  size=string
  loading=bool // show loading indicator
  shape=string
  onClick=func
  ghost=bool // makes background transparent
/>
    
// Blueprint
<Button
  active=bool
  disabled=bool
  iconName=string
  loading=bool
  onClick=func
  text=string
/>
    
// React-bootstrap
<Button
  active=bool
  block=bool
  bsClass=string // base css class and prefix for component
  bsSize=string // bootstrap size e.g. lg|sm|xs
  componentClass=elementType // custom elemtn type
  disabled=bool
  onClick=func
  type=string // button|reset|submit
/>
    
// Grommet
<Button
  accent=bool
  box=bool // whether button should support box props. Useful if you want your children to be a flexbox container.
  critical=bool
  fill=bool // whether button should expand to fill width & height
  hoverIndicator=obj
  icon=name
  label=string
  method=string // push|replace Valid only when used with path. Indicates whether the browser history should be appended to or replaced. The default is push.
  onClick=func
  path=string
  type=string // button|reset|submit
/>
    
// lightning-design
<Button
  loading=bool
  alt=string
  iconSize=string
  className=string
  children=node
  iconAlign=string
  selected=bool
  label=node
  icon=string
  onClick=func
  inverse=bool
  size=string
  type=string
/>