@nextcloud/vueNcAppNavigationNewItem #
Props #
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| title | The title of the element. | string | - | |
| icon | Refers to the icon on the left, this prop accepts a class like 'icon-category-enabled'. | string | - | '' |
| loading | Displays a loading animated icon on the left of the element instead of the icon. | boolean | - | false |
| editLabel | Only for 'editable' items, sets label for the edit action button. | string | - | '' |
| editPlaceholder | Sets the placeholder text for the editing form. | string | - | '' |
Events #
| Event name | Properties | Description |
|---|---|---|
| new-item |
Slots #
| Name | Description | Bindings |
|---|---|---|
| icon |
Usage #
New Item element #
<NcAppNavigationNewItem title="New Item" icon="icon-add" @new-item="function(value){alert(value)}" />
New Item element with a loading animation instead of the icon #
<NcAppNavigationNewItem title="New Item" icon="icon-add" :loading="true" />