An Android library that offers dialogs & views for various use cases - build with Jetpack Compose for Compose projects. All of the dialogs & views are easy and quick to implement.


⭐ Compose version

https://github.com/maxkeppeler/sheets-compose-dialogs

⚒️ Standard version

https://github.com/maxkeppeler/sheets


Features

Preview

Use-Cases

Setup

Samples

Icons, graphics and more of this library

Resources

Future ideas

Features

<aside> <img src="data:image/png;base64,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" alt="data:image/png;base64,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" width="40px" /> Material Design 3 | Dynamic colors

</aside>

<aside> ⭐ Dialog & View components

</aside>

<aside> <img src="https://lh3.googleusercontent.com/Ryl7MmrnuqFetWpjTWxeav1ju1pdhmO6D08_qmCsX5YJI6Y0WNjWWqOSgadYMdrMT-Tqx9ypii-_ydQaDDn0TsXIVkHzqFezWGz_xrZ68GzL5JPi887B=w760-h760" alt="https://lh3.googleusercontent.com/Ryl7MmrnuqFetWpjTWxeav1ju1pdhmO6D08_qmCsX5YJI6Y0WNjWWqOSgadYMdrMT-Tqx9ypii-_ydQaDDn0TsXIVkHzqFezWGz_xrZ68GzL5JPi887B=w760-h760" width="40px" /> Build on Jetpack Compose

</aside>

<aside> 💫 Covers 12+ use cases

</aside>

<aside> ⚒️ Customizable

</aside>

<aside> 👌 Handles orientation change

</aside>

Use-Cases

Sheets covers currently 12 use-cases. You can use the dialog right away. The view can be wrapped into a bottom sheet, popup or wherever you want it to be displayed.

<aside> ⚒️ CoreDialog CoreView

</aside>

<aside> 🎨 ColorDialog ColorView

</aside>

<aside> ℹ️ InfoDialog InfoView

</aside>

<aside> 📅 CalendarDialog CalendarView

</aside>

<aside> ⏰ ClockDialog ClockView

</aside>

<aside> ⌛ DurationDialog DurationView

</aside>

<aside> 📆 DateTimeDialog DateTimeView

</aside>

<aside> 🔃 StateDialog StateView

</aside>

<aside> 🪧 OptionDialog OptionView

</aside>

<aside> ☑️ ListDialog ListView

</aside>

<aside> 😜 EmojiDialog EmojiView

</aside>

<aside> 🖋️ InputDialog InputView

</aside>

Setup

The library contains various use-cases. Each module represents one use-case and contains a *Dialog and *View. You can use the *Dialog directly while you can use the **View for bottom sheets, popups and other non-scrollable elements.

As the core module is the foundation of all other use-cases, you have to implement that additionally to the ones you want to use.

Requirement

  1. In your top-level build.gradle
repositories { 
		... 
		mavenCentral()
 }
  1. In your app build.gradle file:
dependencies { 
		... 
		implementation "com.maxkeppeler.sheets-compose-dialogs:core:<version>" 
}

Dependencies

dependencies { 
		... 
		// CORE
		implementation "com.maxkeppeler.sheets-compose-dialogs:core:<version>" 
	
		// INFO
		implementation "com.maxkeppeler.sheets-compose-dialogs:info:<version>" 

		// COLOR 
		implementation "com.maxkeppeler.sheets-compose-dialogs:color:<version>" 

		// CALENDAR
		implementation "com.maxkeppeler.sheets-compose-dialogs:calendar:<version>" 

		// CLOCK
		implementation "com.maxkeppeler.sheets-compose-dialogs:clock:<version>" 

		// DATE TIME
		implementation "com.maxkeppeler.sheets-compose-dialogs:date_time:<version>" 

		// DURATION
		implementation "com.maxkeppeler.sheets-compose-dialogs:duration:<version>" 

		// OPTION
		implementation "com.maxkeppeler.sheets-compose-dialogs:option:<version>"
 
		// LIST
		implementation "com.maxkeppeler.sheets-compose-dialogs:list:<version>" 
		
		// INPUT
		implementation "com.maxkeppeler.sheets-compose-dialogs:input:<version>" 

		// EMOJI
		implementation "com.maxkeppeler.sheets-compose-dialogs:emoji:<version>" 

		// STATE
		implementation "com.maxkeppeler.sheets-compose-dialogs:state:<version>" 
}

<aside> 💡 For use-case specific setup & API documentations check out the GitHub-Page https://maxkeppeler.github.io/sheets-compose-dialogs/

</aside>

Samples

Dialogs

⚒ Core Dialog

ℹ️  Info Dialog

🎨. Color Dialog

📅  Calendar Dialog

🕜  Clock Dialog

📅🕜  Date Time Dialog

⌛  Duration Dialog

🪧  Option Dialog

✅  List Dialog

🖊️  Input Dialog

😜  Emoji Dialog

🔃  State Dialog

PopUp

BottomSheet