Gift Card

Gift card with a glossy gradient face, balance value and gift icon.

GIFT CARD

$50

Installation

caveui components are copy-paste Jetpack Compose built entirely on Material 3 — there's no caveui dependency to add. Make sure Material 3 is on your classpath (it ships with the Compose BOM), then copy the Usage snippet below into your project.

kotlin

// build.gradle.kts (module)
dependencies {
    implementation(platform("androidx.compose:compose-bom:2025.06.00"))
    implementation("androidx.compose.material3:material3")
}

Usage

kotlin

@Composable
fun GiftCardTile() {
  Card(
    modifier = Modifier.width(260.dp).height(150.dp),
    shape = RoundedCornerShape(18.dp),
    colors = CardDefaults.cardColors(
      containerColor = MaterialTheme.colorScheme.primary
    )
  ) {
    Column(
      Modifier.fillMaxSize().padding(20.dp),
      verticalArrangement = Arrangement.SpaceBetween
    ) {
      Row(Modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.SpaceBetween) {
        Text("GIFT CARD",
          color = MaterialTheme.colorScheme.onPrimary,
          style = MaterialTheme.typography.labelLarge)
        Icon(Icons.Default.CardGiftcard, null,
          tint = MaterialTheme.colorScheme.onPrimary)
      }
      Text("$50",
        color = MaterialTheme.colorScheme.onPrimary,
        style = MaterialTheme.typography.displaySmall)
    }
  }
}