# Feature

Introduction into feature, things to describe/questions to answer:

* What is \[feature]?
* What is the use case?
* Give examples to clarify

## Access control

### Resources and actions

<table><thead><tr><th width="357">Resource type</th><th width="111">Action</th><th>Effect</th></tr></thead><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>

***

### Examples

<details>

<summary>Example 1</summary>

`[Insert code block]`

</details>

<details>

<summary>Example 2</summary>

`[Insert code block]`

</details>

***

## Used elements

{% hint style="warning" %}
Below is a list of the different elements we use on a feature page, and the use case for them. **When using this template, make sure to delete this section including the dividing line above!**
{% endhint %}

### Headings

Headings are useful for navigation on the page you're viewing. Heading 1 and Heading 2 are shown in a small 'menu' on the right hand side of the page.

* **Heading 1**
* **Heading 2**
* **Heading 3**

### Hints

{% hint style="info" %}
**Info**
{% endhint %}

{% hint style="warning" %}
**Warning**
{% endhint %}

{% hint style="danger" %}
**Danger**
{% endhint %}

{% hint style="success" %}
**Succes**
{% endhint %}

### Code blocks

```
// Some code
```

### Tables

|   |   |   |
| - | - | - |
|   |   |   |
|   |   |   |
|   |   |   |

### Cards

<table data-view="cards"><thead><tr><th></th></tr></thead><tbody><tr><td></td></tr><tr><td></td></tr></tbody></table>

### Tabs

{% tabs %}
{% tab title="Via UI" %}
\[description of how to configure feature in the UI]
{% endtab %}

{% tab title="Via IDE" %}
\[description of how to configure feature in the codebase with an auto-deployment file]
{% endtab %}
{% endtabs %}

### Stepper

{% stepper %}
{% step %}

{% endstep %}

{% step %}

{% endstep %}
{% endstepper %}

### Expandable

<details>

<summary></summary>

</details>

### Page link

{% content-ref url="feature/subject" %}
[subject](https://docs.valtimo.nl/templates/feature/subject)
{% endcontent-ref %}
