How to create a custom button using Jetpack Compose and Kotlin
![Oscar de la Hera Gomez](https://www.delasign.com/CDN/headshots/profile.webp)
![Four flowers that represent Kotlin, Android, Jetpack Compose and Android Studio side by side. Beneath them sits the text “Custom Button.”](https://www.delasign.com/CDN/images/How-to-create-a-custom-button-in-Android-using-Jetpack-Compose-and-Kotlin0A.webp)
A step by step tutorial on creating a custom button in Android Studio using Jetpack Compose and Kotlin.
Step One: Create the Composable
![A screenshot of Android Studio showing the code for our custom button.](https://www.delasign.com/CDN/images/Code_2023-06-27-214419_eykt.webp)
Using the code below as reference, create the custom button.
The pointerInput modifier is what manages the touch events.
Step Two: Add to UI
![A screenshot of Android Studio showing how to add the custom button to the UI.](https://www.delasign.com/CDN/images/Add-to-UI_2023-06-27-214442_mwtm.webp)
Add the button to the UI.
Step Three: Test
![A screenshot of Android Studio showing the button on the app in the simulator. Highlighted are the bottom are the logs that appear when you press the button.](https://www.delasign.com/CDN/images/Logs.webp)
Run the app and confirm that everything works as expected.
Any Questions?
We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.