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

# User Interfaces

In the standard coding language, there is a specific structure and set of keyword you can use to create user interfaces in the Standard UI.

To create a window in the Standard UI, your `*.std` file contents must start with `window`. User interface standard code syntax is much like creating standards but with other reserved words you can use to display premade or custom elements. Let's start simple...

```text theme={null}
window: "Hello" {
	label: "Hello World"
}
```

This starter example will create a window with the title 'Hello' and a label element that says 'Hello World'. Most objects for elements are structured like the window where they are followed by an optional colon, a variable name, and other values where applicable.

```text theme={null}
window: VAR_NAME, "Window Title" {
	#Elements
}
```

Most elements may have a variable name that they can be accessed with. If you want to show and hide a window, you would do so by referencing the elements variable name.

## Forms

Forms help you display forms to create or update standard records. By using a standard's reference and the form element, you can make a simple window to create a standard record.

```text theme={null}
window {
	form: @STDREF {
		onsubmit {
			#Logic for on submit
		}
	}
}
```

## Reserved Words (Elements)

```text theme={null}
window   
section   
button	  
input     
label
onsubmit
form	
header
sidebar
onclick
nav
show
hide
table
element
link
securedinput
```