Flyout Panel
Installation
npm i -D @smui/flyout-panel
Demos
This is a flyout panel container. The flyout panel will appear at the bottom
of this container when it's open.
Sticky positioning
This is a flyout panel container that is very tall and scrolls. The flyout
panel will appear at the bottom of this container when it's open, and will
stick there as you scroll.
25%
50%
75%
100% This is the bottom.
Fixed positioning
This is a flyout panel container, but this flyout panel is fixed to the
viewport. The flyout panel will appear at the bottom of the viewport instead
of inside this container.
Position and Alignment
This flyout panel is fixed to the viewport.
Size and Color
Let's make the panel bigger and more noticeable.