# CurvedDirection.Angular

# CurvedDirection.Angular

Artifact:[androidx.wear.compose:compose-foundation](https://developer.android.com/jetpack/androidx/releases/wear-compose)  
[View Source](https://cs.android.com/search?q=file:androidx/wear/compose/foundation/CurvedDirection.kt+class:androidx.wear.compose.foundation.CurvedDirection.Angular)  
Added in[1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0)

<br />

```
value class CurvedDirection.Angular
```

<br />

*** ** * ** ***

The direction in which components are laid out on a[curvedRow](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedRow(androidx.wear.compose.foundation.CurvedModifier,androidx.wear.compose.foundation.CurvedAlignment.Radial,androidx.wear.compose.foundation.CurvedDirection.Angular,kotlin.Function1))or[CurvedLayout](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/package-summary#CurvedLayout(androidx.compose.ui.Modifier,kotlin.Float,androidx.wear.compose.foundation.AnchorType,androidx.wear.compose.foundation.CurvedAlignment.Radial,androidx.wear.compose.foundation.CurvedDirection.Angular,kotlin.Function1))

Example:  

```kotlin
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import androidx.wear.compose.foundation.CurvedDirection
import androidx.wear.compose.foundation.CurvedLayout
import androidx.wear.compose.foundation.CurvedTextStyle
import androidx.wear.compose.foundation.background
import androidx.wear.compose.foundation.basicCurvedText
import androidx.wear.compose.foundation.curvedComposable
import androidx.wear.compose.foundation.size
import androidx.wear.compose.material.Text

CurvedLayout(
    modifier = Modifier.fillMaxSize(),
    anchor = 90f,
    angularDirection = CurvedDirection.Angular.Reversed,
) {
    basicCurvedText(
        "Bottom",
        style = {
            CurvedTextStyle(fontSize = 16.sp, color = Color.Black, background = Color.White)
        },
    )
    curvedComposable { Spacer(modifier = Modifier.size(5.dp)) }
    basicCurvedText(
        "text",
        style = {
            CurvedTextStyle(fontSize = 16.sp, color = Color.Black, background = Color.White)
        },
    )
}
```

## Summary

|                                                  ### Public companion properties                                                   |
|------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| [CurvedDirection.Angular](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular) | [Clockwise](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular#Clockwise()) Go in Clockwise direction, independently of[LayoutDirection](https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/LayoutDirection).                       |
| [CurvedDirection.Angular](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular) | [CounterClockwise](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular#CounterClockwise()) Go in Counter Clockwise direction, independently of[LayoutDirection](https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/LayoutDirection). |
| [CurvedDirection.Angular](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular) | [Normal](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular#Normal()) Go in Clockwise direction for Ltr layout and Counter Clockwise for Rtl.                                                                                                            |
| [CurvedDirection.Angular](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular) | [Reversed](https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular#Reversed()) Go in Counter Clockwise direction for Ltr layout and Clockwise for Rtl.                                                                                                        |

## Public companion properties

### Clockwise

Added in[1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0)  

```
val Clockwise: CurvedDirection.Angular
```

Go in Clockwise direction, independently of[LayoutDirection](https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/LayoutDirection).  

### CounterClockwise

Added in[1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0)  

```
val CounterClockwise: CurvedDirection.Angular
```

Go in Counter Clockwise direction, independently of[LayoutDirection](https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/LayoutDirection).  

### Normal

Added in[1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0)  

```
val Normal: CurvedDirection.Angular
```

Go in Clockwise direction for Ltr layout and Counter Clockwise for Rtl. This is generally used for curved layouts on the top of the screen.  

### Reversed

Added in[1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0)  

```
val Reversed: CurvedDirection.Angular
```

Go in Counter Clockwise direction for Ltr layout and Clockwise for Rtl. This is generally used for curved layouts on the bottom of the screen.