Add a native notched style to Box plugin or other appropriate content group widget #2000
Description
**Is your feature request related to a problem?
There are situations when it will be nice to group one or more elements within a box where the title of the box is by itself an interactive section.
On example of such approach can be seen in the QuickBooks Home page, that displays a kind of document data flow organized in sections like: Vendors, Customer, Employees. Note that this box are in fact buttons, that open their corresponding lists.
Describe the solution you'd like
I will be nice that one of the MetroUI plugins, like the Box supported an additional layout where the title is directly styled as a button in the middle. The following codepen show a CSS implementation of such style.
Describe alternatives you've considered
I have consider using the Panel plugin that allows adding a title and one or more customized buttons, but that approach creates a more "busy interface" vs. using the Title itself at the button.
In the same line, formatting a Box or Panel title as a button will accomplish the goal too, but will consume some additional vertical space that is premium in small screen. Using a notched button, allows to reduce the vertical space while providing a not so common approach.
Additional context
In my actual use I created the "flow" chart using a handmade SVG composed by titles shapes, MetroUI icons and lines with arrow ends.
The "general" section of the Home page is implemented as Notched Box / Button using ad-hoc CSS and the "clientes" section uses the custom SVG.
Even in this case, the "clients" section SVG can be further simplified by removing the notched box and button elements from the SVG and using the CSS/HTML instead. It was implemented as a demo of the notch button functionality for future reference.
