---
title: "MinimumInteractiveTopAlignmentLine"
description: "The horizontal [AlignmentLine] that marks the _top_ of the space added by
[Modifier.minimumInteractiveComponentSize] to meet minimum touch target requirements.

When a component is smaller than the minimum interactive size (e.g., a 24.dp icon),
[Modifier.minimumInteractiveComponentSize] expands its layout space to at least 48.dp. This
alignment line is positioned at the top edge of the original component's visual bounds within
that newly expanded space.

This allows other layouts to align to the visual top of the component, ignoring the extra
touch-target spacing, which is useful for precise visual alignment.

Note that only a top alignment line is provided. The `minimumInteractiveComponentSize` centers
its content and the space added to the top is symmetrical to the space added to the bottom, so
its position can be inferred."
type: "property"
---

<div class='type'>Property</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
val MinimumInteractiveTopAlignmentLine = HorizontalAlignmentLine(::min)
```


The horizontal `AlignmentLine` that marks the _top_ of the space added by
`Modifier.minimumInteractiveComponentSize` to meet minimum touch target requirements.

When a component is smaller than the minimum interactive size (e.g., a 24.dp icon),
`Modifier.minimumInteractiveComponentSize` expands its layout space to at least 48.dp. This
alignment line is positioned at the top edge of the original component's visual bounds within
that newly expanded space.

This allows other layouts to align to the visual top of the component, ignoring the extra
touch-target spacing, which is useful for precise visual alignment.

Note that only a top alignment line is provided. The `minimumInteractiveComponentSize` centers
its content and the space added to the top is symmetrical to the space added to the bottom, so
its position can be inferred.