File tree Expand file tree Collapse file tree
nuxt/pages/showcases/Dropdown Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -14,9 +14,13 @@ export default function BasicDropdown() {
1414 } ;
1515 return (
1616 < SfDropdown
17- trigger = { < SfButton ref = { triggerRef }
18- onClick = { toggle } > Toggle</ SfButton > }
19- open = { isOpen } onClose = { handleClose }
17+ trigger = {
18+ < SfButton ref = { triggerRef } onClick = { toggle } >
19+ Toggle
20+ </ SfButton >
21+ }
22+ open = { isOpen }
23+ onClose = { handleClose }
2024 >
2125 < ul className = "p-2 rounded-sm bg-gray-100" >
2226 < li tabIndex = { 0 } > More</ li >
Original file line number Diff line number Diff line change @@ -18,7 +18,9 @@ export default function Dropdown() {
1818
1919 return (
2020 < div ref = { refs . setReference } className = "w-max" >
21- < SfButton ref = { triggerRef } onClick = { toggle } > Toggle</ SfButton >
21+ < SfButton ref = { triggerRef } onClick = { toggle } >
22+ Toggle
23+ </ SfButton >
2224 { isOpen && (
2325 < ul ref = { refs . setFloating } style = { style } className = "absolute p-2 w-max rounded-sm bg-gray-100" >
2426 < li tabIndex = { 0 } > More</ li >
Original file line number Diff line number Diff line change 11<template >
2- <SfDropdown v-model =" isOpen" @update:modelValue =" onToggle" >
2+ <SfDropdown v-model =" isOpen" @update:model-value =" onToggle" >
33 <template #trigger >
44 <SfButton ref =" triggerRef" @click =" toggle()" >Toggle</SfButton >
55 </template >
You can’t perform that action at this time.
0 commit comments