precision inputs

Entradas de precisão

Esses componentes podem ser estilizados para se encaixar perfeitamente em qualquer aplicativo e permitir que os usuários defina valores precisos por meio de muitas modalidades de entrada. Os usuários podem tocar e traçar, clicar e travar, rolar a roda do mouse, clicar duas vezes ou usar a entrada do teclado. Após a instanciação, você pode usar os componentes como faria com qualquer entrada normal.

Por favor, relate todos os problemas que você descobrir no Github.

Demos

Consulte https://codepen.io/jhnsnc/pen/mqpgqk/ para uma demonstração usando o componente FLStandardKnob .

Consulte https://github.com/jhnsnc/precision-inputs-demo para obter a mesma demonstração em uma configuração do WebPack.

Documentação

Consulte a tabela de conteúdo da documentação para obter instruções sobre como usar/personalizar cada tipo de componente.

Recursos planejados

• Componentes
  • Base
    • ✔ KnobInput - Componente de base totalmente personalizável e nua
  • FL controla
    • ✔ FLStandardKnob -Componente de botão de base fácil de usar
    • ✔ FLReactiveGripDial - Dial detalhado com solavancos "Grip", bom para controles maiores
    • Entrada de faixa numérica (por exemplo, seletor de canal)
    • botão de alcance personalizável (por exemplo, botão de tune fino flexível)
    • entrada deslizante
    • Controlador XY
    • Outros componentes compostos e estilizados como os controles de estúdio FL
  • ❓ Possivelmente outros conjuntos de componentes estilizados e prontos para uso
• Desempenho
  • ❓ Alterar ou substituir o método de renderização para evitar as limitações de desempenho do SVG
• Características
  • ❓ Talvez adicione a escala logarítmica interna às entradas
  • ❓ Talvez adicione rótulos de entrada embutidos
  • ❓ Suporte direto para reação ou outras estruturas

Conteúdo do pacote

Por enquanto, os componentes são distribuídos como um único módulo UMD com todas as classes relevantes acessíveis através do objeto de exportação padrão.

 precision-inputs
└── dist
    ├── precision-inputs.css
    ├── precision-inputs.css.map
    ├── precision-inputs.js
    └── precision-inputs.js.map