Windmillcode Angular CDK
18.2.12000
Bem-vindo à Biblioteca Angular do Código de Windmill, um conjunto abrangente de componentes angulares projetados para ajudá-lo a criar aplicativos da Web envolventes, robustos e amigáveis. Essa biblioteca, também conhecida como Kit de Desenvolvimento de Componentes Angulares do Código de Windmillcode (CDK), fornece uma coleção de componentes da UI reutilizável, cada um criado com atenção aos detalhes e desempenho.
{/ * */}
O Angular pode obter uma linguagem detalhada que pretendemos simplificar o Angular com a Mentraility Plug and Play com plug and play todos os compoontes, tem seus adereços, pois no React This adereços é uma classe e você simplesmente passa o suporte para a classe para renderizar o componente
// app.component.ts
// Standalone there are default values to see how the component works
props = new WMLInputZeroProps ( { } )
// To pass arguments/customize
props = new WMLInputZeroProps ( {
datetime : new WMLInputZeroDatetimeProps ( {
type : "datetime" ,
min = new Date ( "[YOUR BIRTHDAY FOR EXAMPLE]" )
} )
} ) // app.component.html
< wml-input-zero [props] = props >
</ wml-input-zero >Nossa biblioteca inclui uma ampla variedade de componentes, variando de elementos da interface do usuário, como botões e campos de entrada a construções complexas, como upload de arquivos e suspensos. Cada componente foi projetado para ser modular, facilitando a integração em seus projetos angulares existentes.
Os componentes são projetados para serem facilmente personalizáveis e termo, permitindo alinhá -los com as diretrizes de marca e design do seu aplicativo.
{/ * */}
Internacionalização - Todos os componentes são i18n compatíveis sob o NGX Translate. Use o arquivo EN.json padrão em seu projeto e atualize e passe as seqüências de caracteres i18n para as chaves apropriadas nos adereços que são passados para o componente Exibir a versão premium da biblioteca
A Biblioteca Angular do Código de Windmill oferece uma gama diversificada de componentes, cada um projetado para atender aos requisitos específicos da interface do usuário em suas aplicações angulares. Abaixo está uma lista de componentes disponíveis, juntamente com breves descrições:
Este é o pacote fundamental em que toda a nossa biblioteca se concentra. Sua fundação é a Wmluiproperty, o bloco de construção muito básico de qualquer aplicação destinado a ser usado para todas as estruturas JavaScript, não apenas angulares. A partir daqui, a base da paginação, animação, componentes dinâmicos e muito mais são construídos.
Estende os componentes WML baseados para serem custos para desenvolvedores angulares. Útil para manter a conformidade dentro da base de código.
Três JS é bastante utilizado e nem tudo o que você precisa para criar uma cena está lá para você, isso muda com nossa biblioteca três.js. Nossas classes lidam com as implementações de matemática e física para que você possa se concentrar em adicionar e colocar objetos na cena
Nossos próprios esquemas angulares para gerar classes angulares de acordo com nosso modelo de projeto angular
Um componente de acordeão que permite exibir conteúdo em um formato dobrável. É útil para perguntas frequentes, listas ou qualquer conteúdo que se beneficie de uma apresentação compacta.
Um componente de botão personalizável que pode ser usado em seu aplicativo, garantindo consistência e termos de ele.
Um componente de carrossel que permite a exibição de vários itens de maneira deslizante ou rotativa, perfeita para galerias ou mostrando vários produtos.
Um componente que representa entrada, atributos ou ações como elementos compactos, comumente usados para tags, informações de contato ou elementos interativos.
Um componente de campo, potencialmente para formulários, fornecendo uma maneira padronizada de inserir dados.
Um componente abrangente para lidar com interações de arquivos, incluindo o upload, o download (no backlog) e exibição de informações de arquivo.
Um componente ou conjunto de componentes projetados para criar formas consistentes e funcionais, incluindo vários controles de formulário.
Um componente suspenso que se expande infinitamente. Ótimo para menus com uma grande quantidade de conteúdo de navegação
Um componente de entrada versátil para formulários, fornecendo uma maneira uniforme de coletar a entrada do usuário.
Um componente de navegação projetado especificamente para interfaces de usuário móvel, fornecendo um menu otimizado para telas menores.
Um componente de notificação, permitindo exibir alertas, mensagens ou outras informações importantes para os usuários.
Um componente que fornece um conjunto de opções selecionáveis, possivelmente como um menu suspenso mais avançado ou componente selecionado.
Um componente de flyout usado para fornecer conteúdo, informação ou controles auxiliares, geralmente usado em painéis ou como parte de interfaces complexas.
Um componente de carregamento personalizado
Um componente para exibir conteúdo pop-up, como modais, diálogos ou dicas de ferramentas.
Um componente selecionado que fornece uma lista suspensa de opções para os usuários escolherem.
Baseado no jQuery SliceBox mais uma maneira fluida de implementar um carrossel
Um componente de tabela projetado para exibir dados tabulares, com recursos incluindo classificação, filtragem e paginação.
Um componente para criar interfaces com guias, permitindo que os usuários alternem entre diferentes visualizações ou seções de conteúdo no mesmo contexto.
Um componente de troca de alternância, fornecendo uma maneira intuitiva para os usuários fazerem escolhas binárias, como ativar/desativar as configurações.
Cada componente é criado para atender às necessidades específicas da interface do usuário, garantindo consistência e facilidade de integração em seus projetos angulares. Para obter informações mais detalhadas sobre cada componente, incluindo exemplos de uso e opções de configuração, consulte a documentação detalhada da biblioteca.
Cada componente é documentado com detalhes sobre como usá -lo, suas propriedades de entrada/saída e emissores de eventos. Para se aprofundar em um componente específico, consulte sua seção de documentação dedicada ReadMe.md.
** Trabalho em andamento ** Congratulamo -nos com contribuições para a biblioteca Angular Code Millcode! Seja adicionando novos componentes, aprimorando os existentes ou relatando bugs, suas contribuições são valiosas para nós. Consulte nossas diretrizes de contribuição antes de fazer uma solicitação de tração.
cd projects/[desired project]
npx ng build --watch # wait for project to appear in dist
cd dist/[desired project]
npm linkNo consumidor, você precisa adicionar o caminho ao Dist nos consumidores tsconfig.json
"[FULL LIBRARY NAME FROM PACKAGE.JSON]" : [
" [PATH TO REPO GENERATED DIST]/[LIBRAY FOLDER NAME] "
],
// EXAMPLE
"@windmillcode/angular-wml-slicebox" : [
" ../../../../windmillcode-Angular-CDK/dist/wml-slicebox "
],A biblioteca angular do código de vento é licenciada pelo MIT.
Se você tiver alguma dúvida ou feedback, junte -se a nós na Discord. Estamos sempre procurando melhorar nossa biblioteca e ajudar a comunidade de desenvolvedores.
Desfrute de construir com a biblioteca angular do código de vento!
