See the teasers and sliders documentation for a more in-depth discussion.
Notification drawers that slide up from the bottom of the screen.
Teasers and sliders are contextual. They currently appear on the flightcard to provide users with information or offers related to their flight and membership status.
This will be available in a future version of the AmericanUICore module maintained by Platform Services.
Please see the technical documentation for details on implementing a slider.
<div style="display: flex;">
<div style="padding: 25px;">
<h3 style="text-align: center">Full Screen</h3>
<img src="../../app-component-images/ios/slider-fullscreen-state.png" style="width: 250px;" alt="Slider in Full Screen State" />
</div>
<div style="padding: 25px;">
<h3 style="text-align: center">Teaser</h3>
<img src="../../app-component-images/ios/slider-teaser-state.png" style="width: 250px;" alt="Slider in Teaser State" />
</div>
</div>