Aller au contenu

cmdk

Ce composant offre une solution complète de menu de commandes pour React, axée à la fois sur l’expérience utilisateur et la flexibilité pour les développeurs.

⌘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

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

Étoiles GitHub
38.1K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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.

Étoiles GitHub
94.2K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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

Étoiles GitHub
16.0K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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

Étoiles GitHub
228
Mis à jour le
Dec 26, 2023
Licence
MIT License

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é.

Étoiles GitHub
3.9K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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.

Étoiles GitHub
34.3K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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

Étoiles GitHub
26.3K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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

À propos de KickstartUI

KickstartUI est votre destination de référence pour découvrir les meilleurs frameworks, bibliothèques et outils de build UI. Nous sélectionnons avec soin des ressources de premier ordre pour aider les développeurs à donner vie à leurs idées UI. Que vous créiez une application web adaptative, conceviez une interface mobile ou imaginiez un prototype interactif, notre plateforme vous propose les outils essentiels pour accélérer vos projets et améliorer l'expérience utilisateur. Parcourez notre vaste collection pour suivre les dernières tendances, ouvrir de nouvelles possibilités et sublimer vos créations UI. Prêt à lancer votre prochain projet ? Découvrez nos ressources à la une ou recherchez des outils adaptés à vos besoins.