UI5 Custom Controls — Best Practices

Primary reference: https://ui5.sap.com/#/topic/8dcab0011d274051808f959800cabf9f Developing controls: https://ui5.sap.com/#/topic/91f1703b6f4d1014b6dd926db0e91070 TypeScript controls: https://ui5.sap.com/#/topic/7a52a32a80ee4414b5e3c30df52086ca

Only create a custom control when a standard UI5 control or Fiori Elements building block cannot meet the requirement with configuration or extension alone. Custom controls carry a maintenance burden.

Basic custom control structure

// src/controls/StatusBadge.js
sap.ui.define([
  "sap/ui/core/Control"
], (Control) => {
  "use strict";