Powerful, customizable dropdown menu with cascade and animation support. Features include various enter/exit animations, menu building, and easing options for seamless user experience.
💧 A powerful and customizable Compose Multiplatform dropdown menu with cascade and animations.
👉 Check out who's using Dropdown
Add the dependency below to your module's build.gradle file:
dependencies {
implementation("io.github.androidpoet:dropdown:$version")
}
Add the dependency below to your module's build.gradle.kts file:
sourceSets {
val commonMain by getting {
dependencies {
implementation("io.github.androidpoet:dropdown:$version")
}
}
}
@ExperimentalAnimationApi
@Composable
fun Menu(isOpen: Boolean = false, setIsOpen: (Boolean) -> Unit, itemSelected: (String) -> Unit) {
menu = getMenu()
Dropdown(
isOpen = isOpen,
menu = menu,
colors = dropDownMenuColors(Teal200, White),
onItemSelected = itemSelected,
onDismiss = { setIsOpen() },
offset = DpOffset(dp, dp),
enter = EnterAnimation.ElevationScale,
exit = ExitAnimation.ElevationScale,
easing = Easing.FastOutSlowInEasing,
enterDuration = ,
exitDuration =
)
}
EnterAnimation.FadeIn
EnterAnimation.SharedAxisXForward
EnterAnimation.SharedAxisYForward
EnterAnimation.SharedAxisZForward
EnterAnimation.ElevationScale
EnterAnimation.SlideIn
EnterAnimation.SlideInHorizontally
EnterAnimation.SlideInVertically
EnterAnimation.ScaleIn
EnterAnimation.ExpandIn
EnterAnimation.ExpandHorizontally
EnterAnimation.ExpandVertically
ExitAnimation.FadeOut
ExitAnimation.SharedAxisXBackward
ExitAnimation.SharedAxisYBackward
ExitAnimation.SharedAxisZBackward
ExitAnimation.ElevationScale
ExitAnimation.SlideOut
ExitAnimation.SlideOutHorizontally
ExitAnimation.SlideOutVertically
ExitAnimation.ScaleOut
ExitAnimation.ShrinkOut
ExitAnimation.ShrinkHorizontally
ExitAnimation.ShrinkVertically
Easing.FastOutSlowInEasing
Easing.LinearOutSlowInEasing
Easing.FastOutLinearInEasing
Easing.LinearEasing
List icons created by Freepik - Flaticon
Contributions are welcome! If you've found a bug, have an idea for an improvement, or want to contribute new features, please open an issue or submit a pull request.
Support it by joining stargazers for this repository. :star:
Also, follow me on GitHub for more cool projects! 🤩
Copyright 2022 AndroidPoet (Ranbir Singh)
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
fun getMenu(): MenuItem<String> {
val menu = dropDownMenu<String> {
item("about", "About") {
icon(Icons.TwoTone.Language)
}
item("copy", "Copy") {
icon(Icons.TwoTone.FileCopy)
}
item("share", "Share") {
icon(Icons.TwoTone.Share)
item("to_clipboard", "To clipboard") {
item("pdf", "PDF")
item("epub", "EPUB")
item("web_page", "Web page")
item("microsoft_word", "Microsoft word")
}
item("as_a_file", "As a file") {
item("pdf", "PDF")
item("epub", "EPUB")
item("web_page", "Web page")
item("microsoft_word", "Microsoft word")
}
}
item("remove", "Remove") {
icon(Icons.TwoTone.DeleteSweep)
item("yep", "Yep") {
icon(Icons.TwoTone.Done)
}
item("go_back", "Go back") {
icon(Icons.TwoTone.Close)
}
}
}
return menu
}
| Fade | SharedAxisX | SharedAxisY | SharedAxisZ |
|---|
 |  |  |  |
| ElevationScale | SlideIn(SlideOut) | SlideHorizontally | SlideVertically |
|  |  |  |
| Scale | Expand | Expand Horizontally | Expand Vertically |
 |  |  |  |
Surfaced from shared tags and platforms — no rankings paid for.