w-app
w-drawer(v-model="openDrawer")
w-flex.my12(:gap="3" align-center wrap)
w-button.ma1(@click="$waveui.notify('Information.')" bg-color="info") Notify info
w-button.ma1(@click="$waveui.notify('Success!', 'success')" bg-color="success") Notify success
w-button.ma1(@click="$waveui.notify('Warning!', 'warning')" bg-color="warning") Notify warning
w-button.ma1(@click="$waveui.notify('Error :(', 'error', 0)" bg-color="error") Permanent error
w-flex.my12(align-center wrap)
w-spinner(bounce)
w-input Label
w-checkbox Single option
w-flex.my12
w-button(@click="openDrawer = true" outline="")
| Open drawer
w-flex.my12(grow column)
w-slider(:model-value="40" thumb-label step-label :step="20" color="primary-light3").mt12
.mt4 v-model:
code.ml1 {{ sliderVal }}
w-flex.my12(:gap="3" align-center wrap)
| Show menu on:
w-menu
template(#activator="{ on }")
w-button(v-on="on") Show menu
| Menu content
w-badge.mr10(bg-color="error")
template(#badge) 3
w-icon(color="grey-light1" size="2.5em") mdi mdi-email
SideBar(
v-if="showSidebar"
:pid="getPid"
@updatePid="setPid"
@hide="showSidebar = false"
)
RouterView(
:pid="getPid"
@updatePid="setPid"
@show-sidebar="showSidebar = !showSidebar"
)