组件

Layout

核心结构组件，用于组织应用程序的布局并为UI建立一致的基础。

App

一个包装器，为您的应用提供全局配置、toast和工具提示。

Container

一个布局元素，用于居中并限制内容的宽度。

Error

预构建的错误组件，支持NuxtError。

Footer

一个响应页脚为您的网站链接和法律的通知。

Header

为您的网站导航提供响应式标题。

Main

填充可用视口高度的主元素。

Sidebar

一个可折叠的侧边栏与多个视觉变量。

Splitter

一组由可拖动手柄分隔的可调整大小的面板。

Theme

为子组件创建主题的无头组件。

Element

基本的UI构建块，包括按钮、徽章、头像、图标和其他基本界面元素，用于打造直观和一致的用户体验。

Alert

吸引用户注意力的一种方法。

Avatar

一个img元素，支持fallback和Nuxt Image。

AvatarGroup

将多个化身堆叠在一个组中。

Badge

表示状态或类别的简短文本。

Banner

在网站顶部显示横幅，告知用户重要信息。

Button

一个按钮元素，可以作为一个链接或触发一个动作。

Calendar

日历组件，用于选择单个日期、多个日期或日期范围。

Card

在带有页眉、正文和页脚的卡片中显示内容。

Chip

数值或状态的指示器。

Collapsible

一个可折叠的元素，用于切换其内容的可见性。

现场组

将多个类似按钮的元素组合在一起。

Icon

一个组件，用于显示来自Iconify或其他组件的任何图标。

Kbd

一个显示键盘按键的kbd元素。

Progress

显示任务进度的指示器。

ProgressGroup

分成多个段的进度条，这些段加起来就是一个总数。

Separator

水平或垂直分隔内容。

Skeleton

加载内容时显示的占位符。

Form

用于构建交互式用户输入体验的全面表单组件，包括文本输入、选择、复选框、单选框组、开关、滑块和完整的表单验证。

Checkbox

在选中和未选中状态之间切换的输入元素。

CheckboxGroup

一组复选框，用于从列表中选择多个选项。

ColorPicker

用于选择颜色的组件。

FileUpload

用于上传文件的输入元素。

Form

具有内置验证和提交处理功能的表单组件。

FormField

提供验证和错误处理的表单元素包装器。

Input

输入文本的输入元素。

输入日期

用于日期选择的输入组件。

输入菜单

自动完成输入与实时建议。

输入编号

输入具有可自定义范围的数值。

输入评级

显示和收集用户评级的组件。

输入标签

显示交互式标记的输入元素。

输入时间

用于选择时间的输入。

Listbox

一个可选择的项目列表与搜索，虚拟化和丰富的项目呈现。

PinInput

输入pin的输入元素。

RadioGroup

从列表中选择单个选项的一组单选按钮。

Select

从选项列表中选择的选择元素。

选择菜单

一个高级的可搜索的选择元素。

Slider

用于选择范围内的数值的输入。

Switch

在两种状态之间切换的控件。

Textarea

用于输入多行文本的textarea元素。

Data

用于显示和组织数据的组件，包括表格、折叠、旋转木马、时间线、树和用户配置文件。

Accordion

一组叠起来的可折叠的嵌板。

Carousel

使用Embla构建的具有运动和滑动功能的旋转木马。

Empty

显示空状态的组件。

Marquee

创建无限滚动内容的组件。

滚动区域

具有虚拟化支持的灵活滚动容器。

Table

一个响应式表元素，用于以行和列显示数据。

Timeline

一个组件，显示一系列事件，包括日期、标题、图标或头像。

Tree

一个树视图组件，用于显示分层数据结构并与之交互。

User

显示用户信息，包括名称、描述和头像。

导航

用于用户导航和寻路的组件，包括菜单、面包屑、分页、选项卡、步进器、链接和命令选项板。

Breadcrumb

浏览网站的链接层次结构。

指挥官

一个命令面板，带有由Fuse.js提供的全文搜索，用于高效的模糊匹配。

FooterColumns

作为列显示在页脚中的链接列表。

Link

NuxtLink的包装器，带有额外的道具。

导航菜单

可以水平或垂直显示的链接列表。

Pagination

用于浏览页面的按钮或链接列表。

Stepper

一组步骤，用于指示多步骤流程的进度。

Tabs

一组选项卡面板，一次显示一个。

叠加

出现在主内容上方的浮动UI元素，包括模态、弹出框、工具提示、抽屉、幻灯片和上下文菜单。

ContextMenu

右键单击元素时显示操作的菜单。

Drawer

一个抽屉，顺利地滑进和滑出屏幕。

下拉菜单

单击元素时显示操作的菜单。

Modal

可用于显示消息或请求用户输入的对话框窗口。

Popover

围绕触发器元素浮动的非模态对话框。

Slideover

从屏幕的任何一侧滑入的对话框。

Toast

向用户提供信息或反馈的简洁消息。

Tooltip

当鼠标悬停在元素上时显示信息的弹出窗口。

Page

预建的营销和内容部分，用于创建登录页面，博客，定价页面和其他营销材料。

AuthForm

一个可自定义的表单，用于创建登录，注册或密码重置表单。

BlogPost

一个可定制的文章显示在博客页面。

博客文章

在响应式网格布局中显示博客文章列表。

ChangelogVersion

一个可定制的文章显示在一个更新日志。

Changelog版本

在时间轴中显示更新日志版本列表。

Page

具有左右列的页面网格布局。

帕吉奥尔

要在页面中显示的锚列表。

PageAside

一个粘性的旁边显示您的页面导航。

页面正文

您页面的主要内容。

PageCard

显示标题、说明和可选链接的预样式卡组件。

页面列

一种响应式多列布局系统，用于并排组织内容。

PageCTA

在页面中显示的行动号召部分。

页面功能

一个展示应用程序关键特性的组件。

PageGrid

一种用于以灵活布局显示内容的响应网格系统。

页面标题

为您的页面提供响应式标题。

PageHero

为您的页面提供响应式英雄。

页面链接

要在页面中显示的链接列表。

分页首页

用于以堆叠格式显示内容的垂直列表布局。

PageLogos

要在页面上显示的徽标或图像的列表。

页面部分

为您的页面提供响应部分。

价格计划

要在定价页面中显示的可自定义定价计划。

价格计划

在响应式网格布局中显示定价计划列表。

价格表

一个响应式定价表组件，用于显示分层定价计划和功能比较。

仪表板

用于构建具有可调整大小的面板、可折叠的侧边栏、浏览器和搜索功能的动态仪表板的专用组件。

仪表板组

一个固定的布局组件，为仪表板组件提供侧边栏状态管理和持久性的上下文。

仪表板导航栏

在仪表板中显示的响应式导航栏。

仪表板面板

要在仪表板中显示的可调整大小的面板。

仪表板调整手柄

用于调整边栏或面板大小的手柄。

仪表板搜索

一个随时可用的命令行添加到您的仪表板。

仪表板搜索按钮

一个预先设置样式的按钮，用于打开DashboardSearch模式。

仪表板侧边栏

一个可调整大小和可折叠的侧边栏显示在仪表板。

仪表板侧边栏折叠

一个按钮，折叠桌面上的侧边栏。

仪表板侧边栏切换

在移动的上切换侧边栏的按钮。

仪表板

显示在仪表板导航栏下的工具栏。

AI聊天

用于构建会话界面和聊天机器人的组件，由Vercel AI SDK 提供支持。

聊天消息

显示带有图标、头像和操作的聊天消息。

聊天信息

显示聊天消息列表，旨在与Vercel AI SDK无缝协作。

沙托

一个聊天面板，用于在覆盖层内创建聊天机器人界面。

聊天提示

增强的文本区域，用于在AI聊天界面中提交提示。

联系我们

一个按钮，用于提交聊天提示和自动状态处理。

聊天推理

显示可折叠的AI推理或思维过程。

ChatShimmer

显示文本闪烁动画效果。

聊天工具

显示可折叠的AI工具调用状态。

编辑器：badge{label="4.3+" class="align-text-top"}

用于构建支持markdown、HTML和JSON内容类型的富文本编辑器的组件，由TipTap提供支持。

Editor

基于TipTap的富文本编辑器组件，支持markdown、HTML和JSON内容类型。

编辑器DragHandle

用于在编辑器中重新排序和选择块的可拖动句柄。

公司简介

在编辑器中键入：字符时显示表情建议的表情符号选取器菜单。

EditorMentionMenu

在编辑器中键入触发字符时显示用户建议的提及菜单。

编辑建议菜单

在编辑器中键入/字符时显示格式设置和操作建议的命令菜单。

编辑部

用于编辑器操作的可自定义工具栏，可以显示为固定、气泡或浮动菜单。

内容

与文档站点的Content集成的组件，包括目录、搜索、导航树和周围的页面链接。

内容导航

用于组织页面链接的手风琴样式导航组件。

内容搜索

一个随时可用的命令行添加到您的文档中。

ContentSearchButton

一个预先设置样式的按钮，用于打开ContentSearch模式。

ContentSurround

一对上一页和下一页链接，用于在页面之间导航。

内容目录

具有自动活动锚链接突出显示的粘性目录。

彩色模式

与Color Mode集成的组件，用于在亮、暗和系统首选项之间进行主题切换。

与Color Mode集成的组件，用于在亮、暗和系统首选项之间进行主题切换。

颜色模式头像

一个阿凡达与不同的来源为光明和黑暗模式。

颜色模式按钮

一个按钮，用于在亮模式和暗模式之间切换。

ColorModeImage

具有不同光源的图像元素用于亮模式和暗模式。

ColorModeSelect

选择以在系统、暗模式和亮模式之间切换。

ColorModeSwitch

一个开关，用于在亮模式和暗模式之间切换。

i18n

与i18n集成的组件，用于国际化和区域设置管理。

与i18n集成的组件，用于国际化和区域设置管理。

LocaleSelect

选择以在区域设置之间切换。