Agent skill · software engineering · mantinedev
mantine-combobox
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.
Why this skill is useful
Provides specific implementation patterns and examples for building custom dropdown components using Mantine's Combobox primitives that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-02-19. 58 stars on the source repository.
What this skill does
Mantine Combobox Skill Overview Combobox provides low-level primitives for building any select-like UI. The built-in Select, Autocomplete, and TagsInput components are all built on top of it. Core Workflow 1. Create the store 2. Render structure 3. Handle submit Target Types Scenario Use --- --- Button trigger (no text input) <Combobox.Target targetType="button"> Input trigger <Combobox.Target> (default) Pills + separate input (multi-select) <Combobox.DropdownTarget> + <Combobox.EventsTarget> References references/api.md — Full API: useCombobox options and store, all sub-component props, CSS variables, Styles API selectors references/patterns.md — Code examples: searchable select, multi-select with pills, groups, custom rendering, clear button, form integration
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills mantinedev/mantine-combobox