# cmdk

Diese Komponente bietet eine umfassende Lösung für ein Befehlsmenü in React und vereint eine gute Benutzererfahrung mit Flexibilität für Entwickler.

[Website](https://cmdk.paco.me) [GitHub](https://github.com/pacocoursey/cmdk) [npm](https://npmjs.com/package/cmdk)

⌘K ist eine vielseitige Befehlsmenü-Komponente für React-Anwendungen. Sie denkt die herkömmliche Darstellung interaktiver Menüs neu und bietet eine kombinierbare API, mit der Entwickler Elemente nahtlos in andere Komponenten oder JSX einbetten können. Dank des Fokus auf Barrierefreiheit lässt sich die Komponente auch als erweiterte Combobox nutzen und so an unterschiedliche Bedürfnisse anpassen.

Die Komponente filtert und sortiert Elemente automatisch und sorgt dadurch für eine reibungslose Benutzererfahrung. Sie unterstützt Tastenkürzel wie ⌘K zum Öffnen und Schließen des Menüs und fügt sich so gut in schnelle Arbeitsabläufe ein. Das Styling erfolgt über Datenattribute und lässt sich leicht anpassen, während die Komponente standardmäßig schlicht und ungestaltet bleibt.

Mit erweiterten Funktionen wie verschachtelten Menüstrukturen, asynchronem Laden und der effizienten Verwaltung großer Elementmengen eignet sie sich für verschiedenste Anwendungen – von einfachen Projekten bis hin zu komplexeren Lösungen wie dem Befehlsmenü von Vercel. Außerdem unterstützt sie die moderne Designphilosophie und ist mit React 18 kompatibel, was Performance und Zuverlässigkeit verbessert.

## Funktionen

- Kombinierbare API
- Barrierefreie Combobox-Funktion
- Automatisches Filtern und Sortieren von Elementen
- Individuelles Styling über Datenattribute
- Unterstützung für Tastenkürzel
- Unterstützung für verschachtelte Elemente und Gruppen
- Asynchrones Laden von Elementen
- Für große Listen mit bis zu 3000 Elementen optimierte Performance
- Standardmäßig ohne Styling für individuelle Anpassungen

## Details

**GitHub-Sterne**

10.0K

**npm-Downloads**

1.1M/Woche

**Neueste Version**

1.0.4

**Erstellt am**

Jul 15, 2022

**Aktualisiert am**

Dec 6, 2024

**Lizenz**

MIT License

Deine Anzeige hier?

[Schreib uns eine E-Mail](mailto:hi@dennn.is?subject=Werbung%20auf%20KickstartUI)

[Anzeige Die agentenfähige Plugin-Suite für WordPress.](https://sleekwp.com/?ref=kickstartui)

## Ähnliche Einträge

### [ChakraUI](https://kickstartui.com/de/details/chakra-ui/)

Erstelle schnell und effizient barrierefreie Webanwendungen mit einer umfassenden Auswahl an wichtigen Komponenten, die einfach zu verwenden und flexibel anpassbar sind.

**GitHub-Sterne**

38.1K

**Aktualisiert am**

Dec 6, 2024

**Lizenz**

MIT License

### [MaterialUI](https://kickstartui.com/de/details/mui/)

Dieses Produkt bietet eine umfassende Auswahl an Werkzeugen zum Erstellen von Benutzeroberflächen in React. Dabei stehen Flexibilität und die Einhaltung von Designstandards im Fokus.

**GitHub-Sterne**

94.2K

**Aktualisiert am**

Dec 6, 2024

**Lizenz**

MIT License

### [Radix Primitives](https://kickstartui.com/de/details/radix-ui-primitives/)

Ungestylte, barrierefreie Open-Source-React-Primitives für hochwertige Web-Apps und Designsysteme.

**GitHub-Sterne**

16.0K

**Aktualisiert am**

Dec 6, 2024

**Lizenz**

MIT License

### [Skeleton](https://kickstartui.com/de/details/skeleton/)

Ein adaptives und barrierefreies Toolkit, das die Entwicklung moderner Webanwendungen erleichtert.

**GitHub-Sterne**

228

**Aktualisiert am**

Dec 26, 2023

**Lizenz**

MIT License

### [ArkUI](https://kickstartui.com/de/details/ark-ui/)

Diese Open-Source-UI-Lösung ermöglicht die Erstellung ausgefeilter Designsysteme mit anpassbaren Komponenten, die sich an verschiedene visuelle Stile und Barrierefreiheitsstandards anpassen lassen.

**GitHub-Sterne**

3.9K

**Aktualisiert am**

Dec 6, 2024

**Lizenz**

MIT License

### [daisyUI](https://kickstartui.com/de/details/daisy-ui/)

Dieses Tool hilft Entwicklern, schnell und effizient ansprechende Benutzeroberflächen zu erstellen. Semantische Klassennamen vereinfachen dabei den Entwicklungsprozess.

**GitHub-Sterne**

34.3K

**Aktualisiert am**

Dec 6, 2024

**Lizenz**

MIT License

### [HeadlessUI](https://kickstartui.com/de/details/headless-ui/)

Eine Sammlung barrierefreier UI-Komponenten, die sich mühelos in moderne Designsysteme integrieren lassen.

**GitHub-Sterne**

26.3K

**Aktualisiert am**

Dec 6, 2024

**Lizenz**

MIT License

### [MagicUI](https://kickstartui.com/de/details/magic-ui/)

Eine vielseitige Sammlung schön gestalteter Komponenten, die deine Webprojekte aufwertet und deinen Designprozess vereinfacht.