diff --git a/example.json b/example.json
index fad9904..a0893ca 100644
--- a/example.json
+++ b/example.json
@@ -97,3 +97,14 @@
         "body": "Body",
         "instruction": "Instruction"
     }
+
+    // course.json
+    // Priority labels configuration
+    "_globals": {
+        "_priorityLabels": {
+            "_menuItem": {
+                "_showWhenOptional": false,
+                "_showWhenRequired": false
+            }
+        }
+    }
diff --git a/templates/boxMenuItem.jsx b/templates/boxMenuItem.jsx
index 225c15a..27ecc4e 100644
--- a/templates/boxMenuItem.jsx
+++ b/templates/boxMenuItem.jsx
@@ -17,6 +17,9 @@ export default function BoxMenuItem (props) {
     _isComplete,
     title,
     _isOptional,
+    _priorityClass,
+    _priorityIconClass,
+    priorityLabel,
     _nthChild,
     _totalChild
   } = props;
@@ -49,6 +52,21 @@ export default function BoxMenuItem (props) {
       <div className="menu-item__details boxmenu-item__details">
         <div className="menu-item__details-inner boxmenu-item__details-inner">
 
+          {priorityLabel &&
+          <div className={classes([
+            'menu-item__priority boxmenu-item__priority',
+            _priorityClass
+          ])}>
+            {_priorityIconClass &&
+              <span className={classes(['icon', _priorityIconClass])} aria-hidden="true" />
+            }
+            <div
+              className="menu-item__priority-label boxmenu-item__priority-label"
+              dangerouslySetInnerHTML={{ __html: compile(priorityLabel, props) }}
+            />
+          </div>
+          }
+
           {displayTitle &&
           <div className="menu-item__title boxmenu-item__title">
             <div