> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Joystick Outline and Directional Indicator

> Joystick Outline and Directional Indicator

# Joystick Outline and Directional Indicator

The styling attributes for the outer ring of a joystick controls.

## Properties

`opacity` - *number*, *optional*. The opacity to be applied to the component.

[`stroke`](/reference/system/touchadaptationkit/types/game-streaming-touch-stroke) - *object*, *optional*. Styling instructions for [stroke](/reference/system/touchadaptationkit/types/game-streaming-touch-stroke) to be used on the outline of the [joystick's](/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick) interactable area.

[`indicator`](/reference/system/touchadaptationkit/types/game-streaming-touch-color) - *object*, *optional*. A [color](/reference/system/touchadaptationkit/types/game-streaming-touch-color) object that includes the styling instructions for the directional indicator that is displayed while a player is interacting with a `joystick` control.

## Sample

```JSON theme={null}
{
    "outline": {
        "stroke" : {
            "type": "solid",
            "color":  "#107C10"
        },
        "indicator" : {
            "type": "color",
            "value": "#107C10"
        }
    },
}
```

## Remarks

The `outline` is a component of the [joystick](/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick) control that represents the outline of the circular interactable area and the directional indicator.

## Related Controls

[Joystick](/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick)

## See also

[Touch Adaptation Kit Reference](/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview)


## Related topics

- [Touch Adaptation Kit](/reference/system/touchadaptationkit/touchadaptationkit-reference.md)
- [XAG 102: Contrast](/build/game-principles/accessibility/xag-deep-dives/xag-102-contrast.md)
- [Touch Adaptation Kit (TAK) Reference](/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)
- [Templates](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-templates.md)
- [Touch Adaptation Kit (TAK) 参考](/zh-CN/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)