组件文档

每个组件都有独立页面：先查看真实运行效果，再按需展开源码，最后核对 Props、Events、Slots、Expose 和当前限制。

筛选组件62 / 62

通用与布局

10

NnButton按钮按钮、加载状态与危险操作。NnTypographyText文本基础文本与一键复制。有边界NnDivider分割线分隔内容区并可携带标题。NnSpace间距统一控制子元素的排列和间距。NnRow栅格行24 栅格系统的行容器。NnCol栅格列响应式栅格列。组合NnSettings设置布局扁平设置页的响应式容器。NnSettingsSection设置分组带标题、说明和操作区的设置分组。组合NnSettingsItem设置项设置说明与操作控件的双列布局。组合NnCard卡片带可选标题区的内容容器。

数据录入与表单

21

NnForm表单原生提交行为与表单布局上下文。有边界NnFormItem表单项标签、控件、帮助和状态布局。组合有边界NnFormItemRest表单透传区不添加布局包装的表单内容区。组合有边界NnInput输入框支持清除和受控值的单行输入。NnInputGroup输入组合组合多个输入控件。组合NnInputNumber数字输入框带范围、精度和附加内容的数字输入。NnInputPassword密码输入框支持显隐切换的密码输入。NnInputSearch搜索框带搜索动作的输入框。NnTextarea文本域多行输入与自动高度。有边界NnTextareaDrawer文本抽屉带草稿、校验和提交动作的文本编辑抽屉。有边界NnXmlCodeEditorXML 编辑器XML 编辑、行号、诊断与语法高亮。有边界NnCheckbox复选框独立使用或加入复选框组。NnCheckboxGroup复选框组由 options 生成受控复选项。有边界NnRadio单选框独立或成组使用的单选项。组合NnRadioButton按钮式单选RadioGroup 中的按钮式选项。组合有边界NnRadioGroup单选框组管理普通或按钮式单选状态。NnSelect选择器单选、多选与标签输入。有边界NnSelectOption选择项声明式定义 Select 选项。组合NnSwitch开关受控布尔状态切换。NnRangePicker日期范围日期或日期时间范围选择。有边界NnSegmented分段控制器单选式分段切换。

数据展示

14

NnBadge徽标数显示数字与溢出状态。有边界NnTag标签语义色与胶囊形态标签。NnStatistic统计数值展示标题、前后缀和值。NnDescriptions描述列表按网格展示结构化信息。NnDescriptionsItem描述项Descriptions 中的字段项。组合NnList列表数据驱动的列表容器。有边界NnListItem列表项List 的语义列表项。组合NnListItemMeta列表项信息头像、标题和说明的组合布局。组合NnTable表格排序、筛选、分页和固定列。有边界NnTree树选择、展开和可选虚拟滚动。有边界NnEmpty空状态空数据说明与操作区。NnJsonViewerJSON 查看器格式化、滚动与复制 JSON。NnPacketViewer报文查看器解析树与十六进制字节联动查看。有边界NnXmlHighlightXML 高亮只读 XML 语法着色。有边界

导航

7

NnMenu菜单数据或插槽驱动的分层菜单。有边界NnMenuItem菜单项可选择的声明式菜单项。组合有边界NnMenuDivider菜单分割线分隔菜单项组。组合NnContextMenu右键菜单受控右键菜单与视口定位。有边界NnDropdown下拉菜单hover、click 或右键触发的浮层。有边界NnTabs标签页线型或卡片式内容切换。有边界NnTabPane标签页面板Tabs 的内容面板。组合

反馈与浮层

10

NnAlert警告提示页面内语义状态提示。NnSpin加载中独立或嵌套的加载状态。NnProgress进度条线性进度与业务状态。NnFloatingNotification任务通知带进度和操作区的固定位置通知。有边界NnTooltip文字提示hover 与 focus 触发的提示层。有边界NnPopconfirm气泡确认框点击触发的轻量确认层。有边界NnModal对话框模态对话框与默认操作区。有边界NnFileImportModal文件导入框文件选择、拖放和校验流程外壳。有边界NnNavigationModal导航对话框侧栏导航与独立滚动内容。NnDrawer抽屉支持四个方向的浮层面板。有边界