Aller au contenu

⌘K est un composant de menu de commandes polyvalent conçu pour les applications React. Il repense la présentation classique des menus interactifs en proposant une API composable qui permet aux développeurs d’intégrer facilement des éléments dans d’autres composants ou en JSX. Son accessibilité lui permet également de servir de combobox avancée et de répondre à divers besoins des utilisateurs.

Le composant filtre et trie automatiquement les éléments, pour une expérience fluide. La prise en charge des raccourcis clavier, comme ⌘K pour ouvrir ou fermer le menu, s’intègre parfaitement aux flux de travail rapides. Le style repose sur des attributs data, ce qui facilite la personnalisation tout en conservant par défaut une apparence épurée et sans style.

Grâce à des fonctionnalités avancées comme les menus imbriqués, le chargement asynchrone et la gestion efficace de grandes quantités d’éléments, il s’adapte à de nombreuses applications, des projets simples aux solutions plus complexes comme le menu de commandes de Vercel. Il adopte également une conception moderne et est compatible avec React 18, pour de meilleures performances et une plus grande fiabilité.

Fonctionnalités

  • API composable
  • Fonctionnalité de combobox accessible
  • Filtrage et tri automatiques des éléments
  • Personnalisation du style via des attributs data
  • Prise en charge des raccourcis clavier
  • Gestion des éléments et groupes imbriqués
  • Chargement asynchrone des éléments
  • Performances optimisées pour les grandes listes, jusqu’à 3000 éléments
  • Sans style par défaut pour permettre une personnalisation

Éléments associés

ChakraUI

Créez rapidement et efficacement des applications web accessibles grâce à un ensemble complet de composants essentiels, faciles à utiliser et hautement personnalisables.

MaterialUI

Ce produit propose un ensemble complet d’outils pour créer des interfaces utilisateur avec React, en privilégiant la flexibilité et le respect des normes de conception.

Radix Primitives

Des primitives React accessibles, open source et sans styles pour créer des applications web et des systèmes de design de qualité.

Skeleton

Une boîte à outils adaptative et accessible pour faciliter le développement d’applications web modernes.

ArkUI

Cette solution open source UI permet de créer des systèmes de design sophistiqués à l'aide de composants personnalisables, adaptables à différents styles visuels et normes d'accessibilité.

daisyUI

Cet outil permet aux développeurs de créer rapidement et efficacement de belles interfaces utilisateur grâce à des noms de classes sémantiques qui simplifient le processus de développement.

HeadlessUI

Une collection de composants UI accessibles, conçus pour s'intégrer facilement aux systèmes de design modernes.

MagicUI

Une collection polyvalente de composants élégamment conçus pour enrichir vos projets web et simplifier votre processus de conception.