使用 Mantine 的 Combobox 基本元件來建構自訂的下拉式選單、選擇器、自動完成和多選元件。
這個技能專注於利用 Mantine 的 Combobox 基本元件建構高度自訂的下拉式選單、選擇器、自動完成及多選輸入元件。它涵蓋了 `useCombobox` 鉤子以及 `Combobox.Target`、`Combobox.Option`、`Combobox.Dropdown` 等元件的使用，讓開發者能夠建立具備搜尋、自訂選項渲染和過濾邏輯的複合式選擇器。此技能支援 React 專案中任何需要自訂選擇樣式的情境，無論是簡單的下拉選單、可搜尋的性質選擇器，還是標籤式多選輸入，都能提供靈活的實作方式。透過使用本技能，開發者可以跳過從零開始的繁瑣開發，直接利用 Mantine 的基礎元件進行組合與客製化，大幅提升開發效率與元件一致性。
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-comboboxInstalled? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
使用 Mantine 的 Combobox 基本元件來建構自訂的下拉式選單、選擇器、自動完成和多選元件。在以下情況使用此技能：(1) 使用 Combobox 基本元件建立新的自訂選擇樣式元件，(2) 建構可搜尋的下拉式選單，(3) 實作多選或標籤輸入變體，(4) 自訂選項渲染，(5) 添加自訂過濾邏輯，或 (6) 任何涉及 useCombobox、Combobox.Target、Combobox.Option 或 Combobox.Dropdown 的任務。
This repo contains 2 individual skills — each has its own dedicated page.
Build custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via createVarsResolver, (4) building compound components with sub-components and shared context, (5) registering a component with MantineProvider via Component.extend(), or (6) any task involving Factory, useProps, useStyles, BoxProps, StylesApiProps, or ElementProps in @mantine/core.
Build forms using @mantine/form in the mantine-9 repository. Use this skill when: (1) setting up a form with useForm, (2) adding validation rules or async validation, (3) working with nested object or array fields, (4) sharing form state across components with createFormContext, (5) using uncontrolled mode for performance, (6) using the standalone useField hook, or (7) any task involving useForm, getInputProps, onSubmit, insertListItem, or form validation.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.