Buttons
Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them.
A high priority button style used for high priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A high priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-lg ertc-btn-full" >Primary </button >
A medium priority button style used for medium priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A medium priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-md ertc-btn-minimum" >Primary </button >
A low priority button style used for low priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A low priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-sm ertc-btn-sm-minimum" >Primary </button >
A high priority button style used for high priorityy actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A high priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue-border ertc-btn-lg ertc-btn-full">Secondary</button >
<button type="button" class="ertc-btn ertc-btn-border ertc-btn-lg ertc-btn-full">Secondary</button>
A medium priority button style used for medium priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A medium priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue-border ertc-btn-md ertc-btn-minimum" >Secondary</button >
<button type="button" class="ertc-btn ertc-btn-border ertc-btn-md ertc-btn-minimum" >Secondary</button >
A low priority button style used for low priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A low priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue-border ertc-btn-sm ertc-btn-sm-minimum" >Secondary </button >
<button type="button" class="ertc-btn ertc-btn-border ertc-btn-sm ertc-btn-sm-minimum" >Secondary </button >
A high priority button style used for high priorityy actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A high priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-disabled ertc-btn-lg ertc-btn-full">Primary Disabled</button >
<button type="button" class="ertc-btn ertc-btn-border-disabled ertc-btn-lg ertc-btn-full">Secondary Disabled</button>
A medium priority button style used for medium priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A medium priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-disabled ertc-btn-md ertc-btn-minimum" >Primary Disabled </button >
<button type="button" class="ertc-btn ertc-btn-border-disabled ertc-btn-md ertc-btn-minimum" >Secondary Disabled </button >
A low priority button style used for low priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A low priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-disabled ertc-btn-sm ertc-btn-sm-minimum" >Disabled</button >
<button type="button" class="ertc-btn ertc-btn-border-disabled ertc-btn-sm ertc-btn-sm-minimum" >Disabled</button >
A high priority button style used for high priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A high priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-lg ertc-btn-full" ><img src="images/loader.svg" width="26" height="26" alt=""></button >
A medium priority button style used for medium priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A medium priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-md ertc-btn-minimum" ><img src="images/loader.svg" width="22" height="22" alt=""></button >
A low priority button style used for low priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A low priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-sm ertc-btn-sm-minimum" ><img src="images/loader.svg" alt=""></button >
A high priority button style used for high priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A high priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-lg ertc-btn-icon ertc-btn-full"><i class="rbn-icon rbn-icon-loding"></i>Primary</button >
A medium priority button style used for medium priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A medium priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-md ertc-btn-icon ertc-btn-minimum"><i class="rbn-icon rbn-icon-loding"></i>Primary</button >
A low priority button style used for low priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A low priority button should be only used once per view.
<button type="button" class="ertc-btn ertc-btn-blue ertc-btn-icon ertc-btn-sm ertc-btn-sm-minimum"><i class="rbn-icon rbn-icon-loding"></i>Primary</button >
A high priority button style used for high priority actions on a screen such as a Submit button on a form, or other actions that are critical in a user workflow. A high priority button should be only used once per view.
<div class="ertc-btn-group">
<button type="button" class="ertc-btn ertc-btn-blue">Deactivate</button>
<button type="button" class="ertc-btn ertc-btn-blue-text">Activate</button>
<button type="button" class="ertc-btn ertc-btn-blue-text">Delete</button>
</div>