O EasyNumber é um plugin JavaScript que adiciona botões de incremento e decremento a inputs do tipo number, removendo as setas padrão do navegador e respeitando os atributos min, max, e step. O plugin é fácil de integrar e personalizar, tornando a experiência de entrada de número mais intuitiva e estilizada.
Este plugin transforma inputs do tipo number em controles mais amigáveis com botões para incrementar e decrementar valores. É projetado para ser fácil de integrar e estilizar, respeitando os atributos min, max e step do input.
Para instalar e usar o plugin, siga os passos abaixo:
-
Incluir o CSS e JavaScript:
<link rel="stylesheet" href="path/to/easy-number.css"> <script src="path/to/easy-number.js"></script>
- Adicionar o HTML para o input Para criar um input com o plugin, adicione a classe easy-number ao seu elemento :
<input type="number" class="easy-number" min="1" max="10" step="1" value="5">- Inicializar o plugin com javascript pós incluir o arquivo JavaScript do plugin e o HTML, inicialize o plugin:
<script>
document.addEventListener('DOMContentLoaded', () => {
EasyNumber.initAll();
});
</script>Se você gostaria de contribuir para este projeto, siga estas etapas:
- Faça um fork do repositório.
- Crie uma branch para sua modificação (git checkout -b feature/YourFeature).
- Faça as mudanças e adicione um commit (git commit -am 'Add new feature').
- Faça o push para a branch (git push origin feature/YourFeature).
- Abra um pull request.
Este projeto é licenciado sob a MIT License. Feito com 💙 por icordeiro.
- Descrição: Explica o que o plugin faz e suas principais funcionalidades.
- Instalação: Passo a passo para adicionar o plugin ao seu projeto.
- Uso: Exemplos práticos de como implementar o plugin.
- Contribuição: Diretrizes para quem deseja contribuir para o projeto.
- Licença: Informação sobre a licença do projeto, geralmente uma licença open source como a MIT.
- Contato: Como entrar em contato para mais informações ou suporte.