Modifiers

Modifiers

designsystem-utilities provides various Modifier extensions for different use cases

Conditional Modifiers

applyIf

Apply a Modifier if a condition is matched.

// using Kotlin trailing lambda and builder
Text(
  modifier = Modifier.applyIf(condition) {
    padding(4.dp)
  }
)
  
// normal params
Text(
  modifier = Modifier.applyIf(condition, Modifier.padding(4.dp))
)

Padding Modifiers

There are 4 different modifiers for each padding direction: paddinTop, paddingBottom, paddingStart, paddingEnd and paddingVertical, paddingHorizontal. They are used as a shorter syntax for the regular padding Modifier.

// These are equivalent
Modifier.padding(top = 8.dp)
Modifier.paddingTop(8.dp)

Modifier.padding(horizontal = 8.dp)
Modifier.paddingHorizontal(8.dp)