mirrors/vue-select
2
0
Fork 0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-22 10:30:34 +03:00
Code Activity

improve Localization docs

Browse Source
This commit is contained in:
Jeff
2018-01-18 13:27:53 -08:00
parent 58690791e8
commit 6b61d6aacb
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/gitbook/Basics/Localization.md
+15 -3
View File
@@ -12,20 +12,32 @@ The `dir` attribute accepts the same values as the [HTML spec](https://developer
All of the text within the component has been wrapped within [slots](https://vuejs.org/v2/guide/components.html#Content-Distribution-with-Slots) and can be replaced in your app. All of the text within the component has been wrapped within [slots](https://vuejs.org/v2/guide/components.html#Content-Distribution-with-Slots) and can be replaced in your app.
##### Loading Spinner ##### Loading Spinner
*Slot Definition:*
```html ```html
<slot name="spinner"> <slot name="spinner">
<div class="spinner" v-show="mutableLoading">Loading...</div> <div class="spinner" v-show="mutableLoading">Loading...</div>
</slot> </slot>
``` ```
*Implementation:*
```html
<v-select>
<i slot="spinner" class="icon icon-spinner"></i>
</v-select>
```
##### No Options Text ##### No Options Text
*Slot Definition:*
```html ```html
<slot name="no-options">Sorry, no matching options.</slot> <slot name="no-options">Sorry, no matching options.</slot>
``` ```
*Implementation:*
```html
<v-select>
<span slot="no-options">No Options Here!</div>
</v-select>
```
For a full list of component slots, view the [slots API docs](Api/Slots.md). For a full list of component slots, view the [slots API docs](Api/Slots.md).
[](codepen://sagalbot/oZmLVN?height=250) [](codepen://sagalbot/oZmLVN?height=250)