Hi,
You can refer the OOB implementation. Please check here
http://<host>:<port>/crx/de/index.jsp#/libs/granite/operations/components/mbean/body/body.jsp
This has the code to display the hint and from here you can refer its implementation
<% for (String[] hint : hints) { %> <div class="coral-Alert coral-Alert--notice"> <i class="coral-Alert-typeIcon coral-Icon coral-Icon--sizeS coral-Icon--alert"></i> <strong class='coral-Alert-title'><%= i18n.get("HINT") %></strong> <div class='coral-Alert-message'><a href="<%= xssRequestAPI.getValidHref(hint[1]) %>"><%=xssRequestAPI.encodeForHTML(hint[0]) %></a></div> </div> <% } %>