Stack

Stack layout of the ability to management alignement of items in a vertical stack.

Start element

Always aligned to top and displayed first.

Center element

Always displayed between start and end items.

End element

Always aligned to bottom and displayed last.


When a height is set, the inner fill element expands:

Title

In gravida, augue eget bibendum porta, nisi massa feugiat urna, at tempor lorem est vel ante.


Nisi massa feugiat urna, at tempor lorem est vel ante.


Footer
Title

Vestibulum eget sem quis metus feugiat cursus.


Footer
Title

Quisque ullamcorper id sem eget pulvinar. Praesent eu nisi tortor. In hac habitasse platea dictumst. Mauris ut odio in dui finibus consequat vitae sed sem. Quisque ullamcorper id sem eget pulvinar. Praesent eu nisi tortor. In hac habitasse platea dictumst. Mauris ut odio in dui finibus consequat vitae sed sem. Quisque ullamcorper id sem eget pulvinar. Praesent eu nisi tortor. In hac habitasse platea dictumst. Mauris ut odio in dui finibus consequat vitae sed sem.


Footer

You can declare start and end elements in any order and they will be re-ordered visually:


In gravida, augue eget bibendum porta, nisi massa feugiat urna, at tempor lorem est vel ante.

Footer declared in the middle

Nisi massa feugiat urna, at tempor lorem est vel ante.


Title declared at the end