下拉框选中别混状态的Skill

帮你用 Mantine Combobox 构建自定义下拉选择、搜索和多选组件。

mantine-combobox 是用 Mantine 基础部件搭建选择框的 Skill。它给出下拉状态、触发器、选项列表和提交值的连接方式。

打开时高亮某个选项,和把它提交成字段值是不同动作。主文在关闭时重置选项状态,提交时更新值并关面板,不能因为第一个选项被高亮就认定用户已经选了它。

按钮触发、可输入触发和多选输入有不同结构。主文表格要求按钮声明 targetType,前面的最小例却未写,复制时还要核键盘行为与实际版本。搜索、多选和表单完整方案另有引用。

适合内置选择组件无法满足定制交互的人;低层部件提供自由,也把过滤、空结果、禁用选项和焦点处理留给实现者。本文未展开专项示例或测试实际下拉框。

分类:编程开发

来源仓库:mantinedev/skills

适合用来做什么

  • 使用Mantine UI的Combobox组件创建一个搜索框
  • 请帮我实现Mantine Combobox的异步数据加载功能

安装 mantine-combobox

npx skills add https://www.iskills.cc/skills/mantinedev/skills/mantine-combobox/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 mantine-combobox 的用途与原始说明

浏览全部 Skill 指南