Playground

Configure, preview, copy

Name: SKOne
Author: Subodh Kumar Gupta

Change props on the left, see the rendered component and copy generated Compose or XML code.

Playground

Configure it. Copy it. Ship it.

Tune properties live and SKOne generates production-ready Compose and XML for you.

Label

Variant

Size

State

Color

Icon

Compose

SKButton(
    text = "Get Started",
    variant = SKButtonVariant.Filled,
    size = SKSize.Medium,
    color = SKTheme.colors.primary,
    leadingIcon = SKIcons.Bolt,
    enabled = true,
    loading = false,
    onClick = { /* handle click */ }
)

XML

<com.thesubodhgupta.skone.ui.SKButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:skText="Get Started"
    app:skVariant="filled"
    app:skSize="medium"
    app:skColor="?skPrimary"
    app:skLeadingIcon="@drawable/ic_bolt"
    app:skLoading="false"
    android:enabled="true" />