Nuxt UI v3-alpha 已发布!

尝试一下

内容搜索按钮

一个预先样式化的按钮,用于打开 ContentSearch 模态框。
此组件仅在安装了 @nuxt/content 模块时可用。

使用

按钮已预先样式化,如果未设置 label 属性,将呈现为图标按钮。您可以覆盖所有 按钮 属性,因为它是最顶层组件。

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

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

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

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

属性

label
字符串
"搜索..."