Footer bar
Description
The footer component is nearly identical to the header with only minor differences.
The footer is more flexible in regards to the placement of its buttons.
The footer positions its buttons inline and in sequential order from left to right.
The footer is defined with the data-role="footer" attribute.
You may adjust the theme of the footer with the data-theme attribute.
If no theme is set for the footer it will inherit the theme from the page component.
The default theme is black (data-theme="a").
You can make the footer fixed with the addition of the data-position="fixed" attribute.
All footer levels (H1-H6) are styled identically by default to maintain visual consistency.