Crie aplicativos Web acessíveis com rapidez e eficiência usando um conjunto robusto de componentes essenciais, fáceis de usar e altamente personalizáveis.
- Estrelas no GitHub
- 38.1K
- Atualizado em
- Dec 6, 2024
- Licença
- MIT License
cmdk
Este componente oferece uma solução completa de menu de comandos para React, com foco tanto na experiência do usuário quanto na flexibilidade para desenvolvedores.
⌘K é um componente versátil de menu de comandos para aplicações React. Ele reinventa a maneira convencional de apresentar menus interativos, oferecendo uma API composável que permite aos desenvolvedores incluir itens facilmente em outros componentes ou JSX. O foco em acessibilidade também permite usá-lo como uma combobox avançada, atendendo a diferentes necessidades dos usuários.
O componente filtra e ordena os itens automaticamente, proporcionando uma experiência fluida. Com suporte a atalhos de teclado, como ⌘K para abrir e fechar o menu, ele se integra bem a fluxos de trabalho rápidos. O estilo é definido por atributos de dados, o que facilita a personalização e mantém uma aparência limpa e sem estilos por padrão.
Com recursos avançados, como estruturas de menus aninhadas, carregamento assíncrono e gerenciamento eficiente de grandes quantidades de itens, ele se adapta a diversas aplicações, de projetos simples a outras mais complexas, como o menu de comandos da Vercel. Além disso, segue uma filosofia de design moderna e é compatível com React 18, o que melhora o desempenho e a confiabilidade.
Recursos
- API composável
- Funcionalidade de combobox acessível
- Filtragem e ordenação automáticas de itens
- Estilo personalizado por meio de atributos de dados
- Suporte a atalhos de teclado
- Suporte a itens e agrupamentos aninhados
- Carregamento assíncrono de itens
- Desempenho otimizado para listas grandes, com até 3000 itens
- Sem estilos por padrão, para permitir a personalização
Itens relacionados
Este produto oferece um conjunto robusto de ferramentas para criar interfaces de usuário em React, com foco em flexibilidade e conformidade com padrões de design.
- Estrelas no GitHub
- 94.2K
- Atualizado em
- Dec 6, 2024
- Licença
- MIT License
Primitivos acessíveis, sem estilos e de código aberto para React, voltados a aplicações Web e sistemas de design de alta qualidade.
- Estrelas no GitHub
- 16.0K
- Atualizado em
- Dec 6, 2024
- Licença
- MIT License
Um kit de ferramentas adaptável e acessível que aprimora o desenvolvimento de aplicações Web modernas.
- Estrelas no GitHub
- 228
- Atualizado em
- Dec 26, 2023
- Licença
- MIT License
Esta solução UI de código aberto permite criar sistemas de design sofisticados com componentes personalizáveis, adaptáveis a vários estilos visuais e padrões de acessibilidade.
- Estrelas no GitHub
- 3.9K
- Atualizado em
- Dec 6, 2024
- Licença
- MIT License
Esta ferramenta permite que os desenvolvedores criem interfaces de usuário atraentes com rapidez e eficiência, usando nomes de classes semânticos que simplificam o processo de desenvolvimento.
- Estrelas no GitHub
- 34.3K
- Atualizado em
- Dec 6, 2024
- Licença
- MIT License
Uma coleção de componentes UI acessíveis, criados para funcionar perfeitamente com sistemas de design modernos.
- Estrelas no GitHub
- 26.3K
- Atualizado em
- Dec 6, 2024
- Licença
- MIT License
Uma coleção versátil de componentes com design elegante para aprimorar seus projetos Web e agilizar seu processo de design.