前端开发

mantine-combobox

mantinedev/skills

Build custom dropdown/select/autocomplete/multiselect components using Mantine's Combobox primitives. Use this skill when: (1) creating a new custom select-like component with Combobox primitives, (2) building a searchable dropdown, (3) implementing a multi-select or tags input variant, (4) customizing option rendering, (5) adding custom filtering logic, or (6) any task involving useCombobox, Combobox.Target, Combobox.Option, or Combobox.Dropdown.

  • 3620 次安装
  • 64 星标
  • 收录于

安装命令

npx skills add https://github.com/mantinedev/skills --skill mantine-combobox

SKILL.md

Mantine Combobox Skill

Written for Mantine 9.x.

Overview

Combobox provides low-level primitives for building any select-like UI. The built-in Select, MultiSelect, Autocomplete, and TagsInput components are all built on top of it.

Check for a ready-made component first

Build with Combobox primitives only when none of these fit:

Need Use
Standard select, multi-select, autocomplete or tags input Select, MultiSelect, Autocomplete, TagsInput (all support renderOption)
Options dropdown attached to a button or any other element, no input ComboboxPopover (data-driven: data, value, onChange, searchable, multiple)
Hierarchical options TreeSelect (see below)
More than a few hundred options Combobox with useVirtualizedCombobox, see the virtualized pattern