Bottom Sheet
Bottom sheets are surfaces containing supplementary content that are anchored to the bottom of the screen.
In GIX components, such dialogs are displayed with a fixed position on mobile devices only. On wider devices, their position is reverted to relative to integrate the content flow.
<BottomSheet>
<div>Some content</div>
</BottomSheet>Slots
| Slot name | Description |
|---|---|
| Default slot | The content of the bottom sheet. |
Showcase
Vivamus sed elit diam. Sed velit lectus, pretium ac dui at, accumsan elementum tellus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pulvinar ante nibh, vel eleifend massa dictum at. Sed porttitor erat id enim pharetra, ut consequat erat interdum. Donec a nibh molestie, pulvinar urna bibendum, congue arcu. Aliquam vel posuere ipsum. Suspendisse commodo dignissim viverra. Aenean auctor magna a ullamcorper finibus. Morbi sed condimentum ipsum. Mauris interdum purus magna, at viverra augue scelerisque eu. Vivamus a tellus faucibus dui convallis iaculis. Curabitur nec pharetra ante. Cras gravida malesuada lacus non ornare.