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
Mauris nec dolor elit. Etiam id eros eu neque finibus vehicula ac ut ex. Fusce feugiat ultrices eros, vitae interdum dolor. Praesent ultrices id magna et aliquam. Nam eu dictum odio. Nulla non sem in sapien pulvinar viverra. Maecenas quam mi, porta nec velit eu, fringilla efficitur ligula. Donec quis porttitor purus. Vestibulum feugiat non quam sit amet feugiat. Donec vestibulum ut metus in gravida. Integer iaculis consequat tempus. Praesent varius lorem ante, eu aliquet felis ornare non. Sed in egestas quam. Sed vel nisl felis. Aenean sollicitudin lobortis neque, vitae interdum risus tristique sed.