https://github.com/c5inco/Compose-Modifiers-Playground

Interactive playground for learning how to use Jetpack Compose modifiers
https://github.com/c5inco/Compose-Modifiers-Playground

android-studio compose-desktop intellij-plugin jetpack-compose

Last synced: 19 days ago
JSON representation

Interactive playground for learning how to use Jetpack Compose modifiers

• Host: GitHub
• URL: https://github.com/c5inco/Compose-Modifiers-Playground
• Owner: c5inco
• License: mit
• Created: 2021-03-19T08:09:43.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-02-21T00:47:20.000Z (4 months ago)
• Last Synced: 2024-04-14T15:21:20.983Z (3 months ago)
• Topics: android-studio, compose-desktop, intellij-plugin, jetpack-compose
• Language: Kotlin
• Homepage:
• Size: 8.68 MB
• Stars: 173
• Watchers: 4
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-compose-for-desktop - Compose-Modifiers-Playground - Interactive playground for learning how to use Jetpack Compose modifiers (UI experimentation)

README

        
# Compose Modifiers Playground

Source code for [Compose Modifiers Playground IDEA plugin](https://plugins.jetbrains.com/plugin/16417-compose-modifiers-playground)

![App screenshot](./artwork/readme/screenshot.png)

Learn how to use Jetpack Compose modifiers through this interactive playground!

- Quickly reorder, hide/show, and experiment with modifiers 

- Code is generated as you go, allowing you to copy/paste directly to Android Studio.

The playground comes with several templates to start experimenting from. The tool can be found under the **Tools menu**.

Available modifiers to use:

- align

- alpha

- aspectRatio

- background

- border

- clickable

- clip

- fillMaxHeight

- fillMaxSize

- fillMaxWidth

- height

- offset

- padding

- rotate

- scale

- shadow

- size

- weight

- width

- wrapContentHeight

- wrapContentSize

- wrapContentWidth