# Drawing Custom Alerts on Top of Bottom Sheets in Jetpack Compose

DevFeed: [Drawing Custom Alerts on Top of Bottom Sheets in Jetpack Compose](<https://devfeed.tech/articles/drawing-custom-alerts-on-top-of-bottom-sheets-in-jetpack-compose-25678.md>)

Original publisher: [Read original article](<https://blog.sanskar10100.dev/drawing-custom-alerts-on-top-of-bottom-sheets-in-jetpack-compose>)

Author: Sanskar Agrawal

Published: 2024-10-08T06:26:32Z

Content type: tutorial

Language: en

Sources: [Sanskar's Stuff](<https://devfeed.tech/sources/sanskar-s-stuff.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Android](<https://devfeed.tech/topics/android.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [compose](<https://devfeed.tech/tags/compose.md>), [implementation](<https://devfeed.tech/tags/implementation.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [modal](<https://devfeed.tech/tags/modal.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A Jetpack Compose tutorial showing how to draw a custom alert above an open bottom sheet. It uses a popup-based alert and explains that upgrading to Material 3 version 1.3.0-alpha06 or later fixes earlier bottom-sheet scrim and navigation-bar inset issues; the article uses the available 1.3.0 stable release.

## Source excerpt

Bottom Sheets have become ubiquitous in Mobile design across Android and iOS. If you're using Jetpack Compose, you'll likely implement them using either the ModalBottomSheet or the BottomSheetScaffold. The former is more used in my experience, so fur...