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
Maecenas mauris dui, efficitur sed semper sed, cursus nec elit. Ut iaculis ex magna, quis porttitor mi sagittis nec. Mauris ut sem luctus, elementum nisl a, sollicitudin felis. Pellentesque venenatis mi id nunc accumsan, ac dictum nisi molestie. Nullam vel nunc augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla blandit risus, sit amet convallis lorem tempor nec. Integer nec magna eget ante pellentesque suscipit non vitae tortor. Sed finibus malesuada ullamcorper. Nunc interdum sagittis bibendum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus leo nisl, tincidunt at metus vitae, egestas consectetur enim. Phasellus gravida felis at congue vehicula. Quisque elementum risus quam, a mattis risus luctus sit amet. Pellentesque quis aliquet lectus. Nunc ut quam nisl.