Skip to content

Commit

Permalink
fix(*): pr feedback
Browse files Browse the repository at this point in the history
  • Loading branch information
aanchalm01 committed Jul 15, 2022
1 parent 1364491 commit adfce95
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions docs/components/select.md
Original file line number Diff line number Diff line change
Expand Up @@ -403,10 +403,10 @@ You can pass any input attribute and it will get properly bound to the element.

You can use the `item-template` slot to customize the look and feel of your items. Use slots to gain access to the `item` data.

If you use the `select-item-label` and `select-item-desc` classes within the slot as shown in the example below, the dropdown items will inherit preconfigured styles for two-level select items which you're then free to customize.
If you use the `.select-item-label` and `.select-item-desc` classes within the slot as shown in the example below, the dropdown items will inherit preconfigured styles for two-level select items which you're then free to customize.

<div>
<KSelect appearance='select' :items="myItems" width="100%" :filterFunc="customFilter">
<KSelect :items="myItems" width="100%" :filterFunc="customFilter">
<template v-slot:item-template="{ item }">
<div class="select-item-label">{{ item.label }}</div>
<div class="select-item-desc">{{ item.description }}</div>
Expand All @@ -415,7 +415,7 @@ If you use the `select-item-label` and `select-item-desc` classes within the slo
</div>

```html
<KSelect appearance='select' :items="myItems" width="100%" :filterFunc="customFilter">
<KSelect :items="myItems" width="100%" :filterFunc="customFilter">
<template v-slot:item-template="{ item }">
<div class="select-item-label">{{item.label}}</div>
<div class="select-item-desc">{{item.description}}</div>
Expand Down

0 comments on commit adfce95

Please sign in to comment.