### Label Properties Example

Source: https://github.com/heliborg/heliboard/wiki/2.-Layouts

Demonstrates the use of 'label', 'type', 'width', 'popup', 'codePoints', and 'labelFlags' properties in defining key layouts. This example shows how to set custom labels, actions, placeholders, multi-text keys, and modify default popups.

```json
{
  "label": "a",
  "type": "action",
  "width": 0.1,
  "popup": {
    "main": {
      "label": "!"
    },
    "relevant": [
      // The `b` character is displayed in the popup but this will open the settings.
      { "label": "b|!code/-301" }
    ]
  }
},
// A space is added.
{ "type": "placeholder",  "width": 0.2 }
// This will write the characters `a`, `b` and `c` while `%` is written on the key.
{ "$": "multi_text_key", "codePoints": [97, 98, 99], "label": "%", "width": 0.2 }
// The default popup of the `.` key is replaced with the characters `c`, `d`, `e`.
{ "label": "period", "type": "function", "width": 0.2, "groupId": -1, "popup": {"relevant":
  [
    { "label": "c" },
    { "label": "d" },
    { "label": "e" }
  ]
}
},
// The character `1` is displayed in large type.
{ "label": "1", "type": "normal", "width": 0.1, "labelFlags": 64 }

```

--------------------------------

### Currency Key Example

Source: https://github.com/heliborg/heliboard/wiki/2.-Layouts

Demonstrates the use of special currency labels '$$$' and '$$$3' for dynamic currency display on keys.

```json
{ "label": "$$$", "type": "function", "width": 0.1 },
{ "label": "$$$3", "type": "normal", "width": 0.1 }
```

--------------------------------

### Key Code Input Example

Source: https://github.com/heliborg/heliboard/wiki/2.-Layouts

Demonstrates using a special key code '!code/key_shift' to trigger a specific action when the key is pressed.

```json
{ "label": "a|!code/key_shift" }
```

--------------------------------

### JSON Layout Format - Keyboard State Selector Example

Source: https://github.com/heliborg/heliboard/blob/main/layouts.md

An example of 'keyboard_state_selector' to manage keys for different keyboard states like 'emojiKeyEnabled', 'symbols', and 'alphabet'.

```json
"keyboard_state_selector": {
  "emojiKeyEnabled": ["😀", "😂"],
  "symbols": ["!", "@", "#"],
  "alphabet": ["q", "w", "e"]
}
```

--------------------------------

### Case Selector Key Example

Source: https://github.com/heliborg/heliboard/wiki/2.-Layouts

Demonstrates a case selector key, which defines keys for both lowercase and uppercase states.

```json
{ "$": "case_selector", "lower": { "label": "a" }, "upper": { "label": "b" } }
```

--------------------------------

### Popup Key Configuration Example

Source: https://github.com/heliborg/heliboard/blob/main/layouts.md

Shows how to define a key that displays a popup when pressed. The popup can contain its own set of keys with specific properties.

```json
"label": ")", "popup": {"relevant": [{  "label": "." }] }

```