Files
directus/docs/reference/app/components/v-field-template.md
Nitwel c2e7c85bbd Update documentation of app (#4222)
* move component docs to documentation

* update app docs tables for components

* update docs

* Add components to docs sidebar

* fix generated tables

* fix tables

* rename transitions

* update tables

* update nested components

* update tables

* update tables

* update tables

* update v-table table

* add basic documentation to each component

* remove all stories of storybook

* add missing documentation

* undate tables

* update tables

* update docs sidebar

* update app docs

* remove unused references

* add general readme

* update docs

* make reference titiles smaller

* add reference tag

* improve docs

* update order of tabs in sidebar

* remove all readmes and stories from interfaces/displays

* Cleanup menu

* Remove storybook

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2021-02-24 17:48:19 -05:00

28 lines
1.1 KiB
Markdown

# Field Template
Similar to the v-field-select. Allows you to select fields or relational fields from a collection with the benefit of
being able to add text in between.
Models a template string like `My name is {name} and I'm {age} years old`.
```html
<v-field-template collection="articles" />
```
## Reference
#### Props
| Prop | Description | Default | Type |
| -------------- | ---------------------------------------------------------- | ------- | --------- |
| `collection`\* | From where the fields should be selected | | `String` |
| `disabled` | Disables this component | `false` | `Boolean` |
| `value` | Can be used to model the template string | `null` | `String` |
| `depth` | If greater than `0`, it also considers relations of fields | `2` | `Number` |
#### Events
| Event | Description | Value |
| ------- | --------------------------- | -------- |
| `input` | The changed template string | `String` |