precision inputs

Entradas de precisión

Estos componentes se pueden diseñar para que se ajusten perfectamente en cualquier aplicación y permitan a los usuarios establecer valores precisos a través de muchas modalidades de entrada. Los usuarios pueden tocar y arrastrar, hacer clic en el arrastre, desplazar la rueda del mouse, hacer doble clic o usar la entrada del teclado. Después de la instancia, puede usar los componentes como lo haría con cualquier entrada normal.

Informe cualquier problema que descubra en GitHub.

Población

Consulte https://codepen.io/jhnsnc/pen/mqpgqk/ para una demostración utilizando el componente FLStandardKnob .

Consulte https://github.com/jhnsnc/precision-inputs-demo para la misma demostración en una configuración de Webpack.

Documentación

Consulte la tabla de contenido de documentación para obtener instrucciones sobre cómo usar/personalizar cada tipo de componente.

Características planificadas

• Componentes
  • Base
    • ✔ KnobInput : componente base completamente personalizable, de huesos desnudos
  • Controles de FL
    • ✔ FLStandardKnob -Componente de perilla base fácil de usar
    • ✔ FLReactiveGripDial - Dial detallado con golpes de "agarre", bueno para controles más grandes
    • Entrada de rango numérico (por ejemplo, selector de canales)
    • Pandilla de rango personalizable (por ejemplo, perilla flexible de tune fino)
    • entrada deslizante
    • Controlador xy
    • Otros componentes compuestos y diseñados como FL Studio Controls
  • ❓ Posiblemente otros conjuntos de componentes de estilo y listos para usar
• Actuación
  • ❓ Altera o reemplace el método de renderizado para evitar las limitaciones de rendimiento de SVG
• Características
  • ❓ Tal vez agregue la escala logarítmica incorporada a las entradas
  • ❓ Tal vez agregue etiquetas de entrada incorporadas
  • ❓ Soporte directo para React u otros marcos

Contenido de paquete

Por ahora, los componentes se distribuyen como un solo módulo UMD con todas las clases relevantes accesibles a través del objeto de exportación predeterminado.

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