---
title: s.ui.control
description: "## Syntax **s.ui.control** ## Purpose The s.ui.control annotation is used to tag a span element as being an interactable component of a program’s user interface. This annotation is used to identify the UI component in a step, concept, or other…"
url: "https://www.stilo.com/docs/migrate/task/s-ui-control/"
updated: "2023-12-11"
category: Annotations / Task
tags:
  - Annotations
---

# s.ui.control

## Syntax

**s.ui.control**

## Purpose

The s.ui.control annotation is used to tag a span element as being an interactable component of a program’s user interface. This annotation is used to identify the UI component in a step, concept, or other presentation of a software interface.

## Example

The following is an example of a time when you might want to use the annotation

![](https://www.stilo.com/wp-content/uploads/2023/12/stilo-dita-xml-annotation-s.ui_.control0-300x167.png)

*Note: In this example, the relevant spans are “CREATE NEW FILE” and “CREATE”.*

 

The following is an example of a rule that will apply the annotation

![](https://www.stilo.com/wp-content/uploads/2023/12/stilo-dita-xml-annotation-s.ui_.control1.png)

The following is the DITA XML output for the rule:

<title>Opening a New File in GOS</title>

<taskbody>

<prereq><p>To open a new file in GOS:</p></prereq>

…

<step>

<cmd>Select <uicontrol>CREATE</uicontrol>.</cmd>

</step>

</steps>