Skip to content

Commit f7bab85

Browse files
authored
Merge pull request tailwindlabs#1 from HeroicEric/patch-1
Add missing closing tag for <ListboxList>
2 parents 1046c42 + f75dd6b commit f7bab85

File tree

1 file changed

+19
-18
lines changed

1 file changed

+19
-18
lines changed

README.md

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff 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

0 commit comments

Comments
 (0)