Stylish UI/com.segnities007.stylishui.foundation/ConnectedCorners

ConnectedCorners

@Immutable
data class ConnectedCorners(val topStart: Boolean = false, val topEnd: Boolean = false, val bottomStart: Boolean = false, val bottomEnd: Boolean = false)

Describes which corners of a Connected UI item are outer corners (large radius) versus inner/joined corners (small radius).

In the Connected UI layout system, items are arranged edge-to-edge with a narrow gap. Corners that face the exterior of the group use StylishDimensions.connectedCornerRadius (default 12 dp), while corners that face an adjacent item use StylishDimensions.joinedCornerRadius (default 2 dp). This creates the visual "notch" effect where items interlock.

The coordinate system follows Compose layout conventions: topStart is the top-left corner in LTR layouts (top-right in RTL), topEnd is top-right in LTR, and so on.

Compute instances with connectedColumnCorners, connectedRowCorners, or connectedGridCorners, then pass to connectedShape and com.segnities007.stylishui.foundation.connectedOutline.

See also

Constructors

Link copied to clipboard
constructor(topStart: Boolean = false, topEnd: Boolean = false, bottomStart: Boolean = false, bottomEnd: Boolean = false)

Types

Link copied to clipboard
object Companion

Properties

Link copied to clipboard
val bottomEnd: Boolean

Whether the bottom-end corner is an outer (large-radius) corner.

Link copied to clipboard
val bottomStart: Boolean

Whether the bottom-start corner is an outer (large-radius) corner.

Link copied to clipboard
val topEnd: Boolean

Whether the top-end corner is an outer (large-radius) corner.

Link copied to clipboard
val topStart: Boolean

Whether the top-start corner is an outer (large-radius) corner.

Generated by Dokka
© 2026 Copyright