@nextcloud/vueNcLoadingIcon
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| size | Specify the size of the loading icon. | number | - | 20 |
| appearance | The appearance of the loading icon. 'auto' adjusts to the Nextcloud color scheme, 'light' and 'dark' are static. | string | auto, light, dark | 'auto' |
| title | Specify what is loading. | string | - | '' |
Usage
<div>
<NcLoadingIcon />
</div>
<div style="background-color: #171717;">
<NcLoadingIcon :size="64" appearance="light" title="Loading on dark background" />
</div>
<div style="background-color: #fff;">
<NcLoadingIcon :size="64" appearance="dark" title="Loading on light background" />
</div>