> For the complete documentation index, see [llms.txt](https://jsf.gitbook.io/jsf/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jsf.gitbook.io/jsf/guides/cheat-sheet.md).

# Cheat Sheet

### Prop options

| Prop type | Options                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `*`       | <ul><li><code>title</code> Field title.</li><li><code>required</code>  Make field required.</li><li><code>default</code> Default value to be used on fresh forms.</li><li><code>advancedDefault</code></li><li><code>const</code></li><li><code>enabledIf</code> Make this field conditional.</li><li><code>evalValidators</code> Specify custom validation rules.</li><li><code>handler</code> Change behaviour.</li><li><code>virtual</code> Ignore this field when submiting. <span data-gb-custom-inline data-tag="emoji" data-code="1f47b">👻</span> </li><li><code>nullable</code> When no value set, pretend to be <code>null</code>. </li></ul> |
| `string`  | <ul><li><code>format</code> Can be one of: 'email', 'hostname', 'uri', 'uri-reference', 'ipv4', 'ipv6', 'mac', 'date-time', 'date', 'time', 'regex', 'color', 'credit-card', 'phone'.</li><li><code>minLength</code> Min. allowed length.</li><li><code>maxLength</code>Max. allowed length.</li><li><code>pattern</code> Reqex rule. Have fun <span data-gb-custom-inline data-tag="emoji" data-code="1f601">😁</span> .</li><li><code>secret</code> Make this filed show as password. </li><li><code>multiline</code> Make this field show as textarea.</li></ul>                                                                                     |
| `array`   | <ul><li><code>items</code> <span data-gb-custom-inline data-tag="emoji" data-code="1f423">🐣</span> </li><li><code>uniqueItems</code></li><li><code>minItems</code></li><li><code>maxItems</code></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| `object`  | <ul><li><code>properties</code><span data-gb-custom-inline data-tag="emoji" data-code="1f423">🐣</span> </li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| `date`    | <ul><li><code>minimum</code> Min. allowed date.</li><li><code>maximum</code> Max. allowed date.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| `number`  | <ul><li><code>minimum</code></li><li><code>maximum</code></li><li><code>exclusiveMinimum</code></li><li><code>exclusiveMaximum</code></li><li><code>maxDecimalDigits</code></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| `integer` | <ul><li><code>minimum</code> </li><li><code>maximum</code> </li><li><code>even</code> </li><li><code>odd</code></li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |

### Layout options

| Layout type | Options                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `*`         | <ul><li><code>$mode</code></li><li><code>htmlOuterClass</code></li><li><code>htmlClass</code></li><li><code>preferences</code></li><li><code>handlerPreferences</code></li><li><code>visibleIf</code> <span data-gb-custom-inline data-tag="emoji" data-code="1f47b">👻</span> </li><li><code>buildIf</code> <span data-gb-custom-inline data-tag="emoji" data-code="1f47b">👻</span> </li><li><code>translatableFields</code> </li><li><code>onClick</code></li><li><code>tooltip</code></li><li><code>analytics</code></li></ul> |