DashboardSearchButton

Usage

The Button is already styled and will render as an icon button if you unset the label. You can override all the Button props as it's the root component.

<template>
  <UDashboardSearchButton label="Search..." />
</template>

You can also do this by yourself using the useUIState composable:

<script setup lang="ts">
const { toggleDashboardSearch, isDashboardSearchModalOpen } = useUIState()
</script>

<template>
  <UButton label="Open" @click="toggleDashboardSearch" />
</template>

Props