CommunityDéveloppement et programmationgithub.com

mantinedev/mantine-custom-components

Créez des composants personnalisés intégrés au système de thème, à l'API de styles et aux fonctionnalités principales de Mantine.

Qu'est-ce que mantine-custom-components ?

Cette compétence est conçue pour les développeurs utilisant Mantine UI, leur permettant de créer des composants personnalisés qui s'intègrent parfaitement avec le système de thème, l'API de styles et les fonctionnalités principales de Mantine. Elle est utile lors de la création de nouveaux composants avec factory(), polymorphicFactory() ou genericFactory(), l'ajout de support pour l'API de styles (classNames, styles, vars, unstyled), l'implémentation de variables CSS via createVarsResolver, la construction de composants composites avec sous-composants et contexte partagé, ou l'enregistrement d'un composant avec MantineProvider via Component.extend(). Cette compétence couvre également les tâches impliquant Factory, useProps, useStyles, BoxProps, StylesApiProps et ElementProps dans @mantine/core, garantissant une intégration fluide et une réutilisabilité au sein de l'écosystème Mantine.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-custom-components

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait mantine-custom-components ?

Créez des composants personnalisés intégrés au système de thème, à l'API de styles et aux fonctionnalités principales de Mantine. Utilisez cette compétence lorsque : (1) vous créez un nouveau composant avec factory(), polymorphicFactory() ou genericFactory(), (2) vous ajoutez le support de l'API de styles (classNames, styles, vars, unstyled), (3) vous implémentez des variables CSS via createVarsResolver, (4) vous construisez des composants composites avec sous-composants et contexte partagé, (5) vous enregistrez un composant avec MantineProvider via Component.extend(), ou (6) toute tâche impliquant Factory, useProps, useStyles, BoxProps, StylesApiProps, ou ElementProps dans @mantine/core.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

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.

mantinedev/mantine-form

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.

Skills associés

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More Développement et programmation skills