precision inputs

Entrées de précision

Ces composants peuvent être conçus pour s'adapter parfaitement dans n'importe quelle application et permettre aux utilisateurs de définir des valeurs précises grâce à de nombreuses modalités d'entrée. Les utilisateurs peuvent toucher et drager, cliquer et traîner, faire défiler leur roue de souris, double cliquer ou utiliser l'entrée du clavier. Après l'instanciation, vous pouvez utiliser les composants comme vous le feriez pour toute entrée normale.

Veuillez signaler tout problème que vous découvrez sur GitHub.

Démos

Voir https://codepen.io/jhnsnc/pen/mqpgqk/ pour une démo utilisant le composant FLStandardKnob .

Voir https://github.com/jhnsnc/precision-inputs-demo pour la même démo dans une configuration webpack.

Documentation

Voir la documentation Table-contenu pour instructions sur la façon d'utiliser / personnaliser chaque type de composant.

Fonctionnalités planifiées

• Composants
  • Base
    • ✔ KnobInput - Composant de base entièrement personnalisable et nu
  • Contrôles FL
    • ✔ FLStandardKnob - composant de bouton de base facile à utiliser
    • ✔ FLReactiveGripDial - Cadran détaillé avec bosses "Grip", bon pour les plus grands commandes
    • Entrée de plage numérique (par exemple le sélecteur de canaux)
    • Bouton de rangement personnalisable (par exemple, bouton flexible Fine-tune)
    • entrée de curseur
    • Contrôleur XY
    • Autres composants composés et stylés comme des commandes de studio FL
  • ❓ éventuellement d'autres ensembles de composants stylés et prêts à l'emploi
• Performance
  • ❓ Alter ou remplacer la méthode de rendu pour éviter les limites de performance de SVG
• Caractéristiques
  • ❓ Peut-être ajouter une mise à l'échelle logarithmique intégrée aux entrées
  • ❓ Peut-être ajouter des étiquettes d'entrée intégrées
  • ❓ Prise en charge directe pour React ou d'autres cadres

Contenu de package

Pour l'instant, les composants sont distribués en tant que module UMD unique avec toutes les classes pertinentes accessibles via l'objet d'exportation par défaut.

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