File tree Expand file tree Collapse file tree 1 file changed +19
-18
lines changed Expand file tree Collapse file tree 1 file changed +19
-18
lines changed Original file line number Diff line number Diff line change @@ -25,24 +25,25 @@ Basic example:
2525``` html
2626<template >
2727 <Listbox v-model =" selectedWrestler" v-slot =" { isOpen }" >
28- <ListboxLabel class =" sr-only" >
29- Select a wrestler:
30- </ListboxLabel >
31- <ListboxButton class =" rounded p-3 border" >
32- {{ selectedWrestler }}
33- </ListboxButton >
34- <ListboxList v-show =" isOpen" >
35- <ListboxOption
36- v-for =" wrestler in wrestlers"
37- :key =" wrestler"
38- :value =" wrestler"
39- v-slot =" { isActive, isSelected }"
40- >
41- <div class =" p-3" :class =" isActive ? 'bg-blue-600 text-white' : ''bg-white text-gray-900'" >
42- {{ wrestler }}
43- <img v-show =" isSelected" src =" /checkmark.svg" >
44- </div >
45- </ListboxOption >
28+ <ListboxLabel class =" sr-only" >
29+ Select a wrestler:
30+ </ListboxLabel >
31+ <ListboxButton class =" rounded p-3 border" >
32+ {{ selectedWrestler }}
33+ </ListboxButton >
34+ <ListboxList v-show =" isOpen" >
35+ <ListboxOption
36+ v-for =" wrestler in wrestlers"
37+ :key =" wrestler"
38+ :value =" wrestler"
39+ v-slot =" { isActive, isSelected }"
40+ >
41+ <div class =" p-3" :class =" isActive ? 'bg-blue-600 text-white' : ''bg-white text-gray-900'" >
42+ {{ wrestler }}
43+ <img v-show =" isSelected" src =" /checkmark.svg" >
44+ </div >
45+ </ListboxOption >
46+ </ListboxList >
4647 </Listbox >
4748</template >
4849
You can’t perform that action at this time.
0 commit comments