仪表盘搜索按钮 - Nuxt UI Pro

使用

该按钮已预先样式化，如果您取消设置label，它将呈现为图标按钮。您可以覆盖所有按钮道具，因为它是最顶层的组件。

标签

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

您也可以使用useUIState 可组合函数自行完成此操作

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

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

道具

标签

字符串

"搜索..."

仪表盘搜索

一个可用于添加到仪表盘的 CommandPalette。

仪表盘部分

一个可定制的部分，用于在仪表盘面板内容中显示内容。