Button Work flow

Bindable Properties

1. label
   
2. iconName
   
3. options
   
4. otherInfo
   
5. tooltip
   
6. extDisabled
   
7. evtClickCallback
   

Overview

• Shows a button with label or icon.

Features/Functionality

• Label and icon can be shown as button text.
• Button will be shown if one of them is given.
• Will be shown in secondary color. Can be changed to primary through options.
• Click callback on trigger.
• Component is responsive.
• It is cross browser compatible. (IE11, Edge, Firefox, chrome).

Defaults

• No defaults have been taken.
• For button to be shown, passing 'label'/'iconName' is mandatory.
• Button's:
  • min-width: 80px
  • height: 45px

Breakdown

• Either label or iconName is mandatory. If both are not there, a button will be shown with a cross icon and tooltip mentioning the same.
• For design, if only icon is there it will come big. Font size of 24px.
• If both icon and label are there, it will come small. Font size of 18px.
• Defaults values are set.
• If maxChar property is given in otions then label length will be changed to that and complete label will be shown in tooltip.
• Click event callback will be called if disabled is false.
• On css override
  • .cst-button-container-override : Container Class