exponent-ts
Fancy wrapper that make working with HTML less verbose and more automate-able.
0 dependencies - typescript, javascript
Tested / functional in webpack, and snowpack
Example
Exponents (premade components)
- Grid - internally uses display:grid
- Button - sets up css to make buttons flex properly
- DualPanel - mount 2 elements w/ ratio, direction
- ContextPanel - render single component from set, switch using string IDs
- ImagePanel - adds functionality for fitting the image
- Knob - rotation input with configurable turn and value bounds
- OverlayPanel - render two components on top of each other in a panel
- Panel - your basic container (think div, but with all the flex stuff)
- SquarePanel (non-final) - the component mounted will always have ratio 1:1 dimensions
- Drawing - canvas component w/ built in auto-resize, render loop, render passes, helper methods
Planned Exponents
- List
- Paged List (for large lists)
- Toggle Button
- Number
- Multi-select
- Slider
Planned features
- Track object properties
- Serialize to JSON
- Visual drag'n'drop editor
Visuals
