Button

Styles

• light
• dark
• affirmative
• constructive
• destructive

Props

• mode : controls styles
• onClick : controls onClick functionality
• className : allows for additional tooling with custom classes

Syntax

<Button
        mode="light"
        onClick={() => {console.log('Hello World')}}
    >
      Hello World, This is Light Mode
</Button>

Button Grouper

Props

• className : allows for additional tooling with custom classes
• style : allows for manual style over-ride