https://github.com/repcomm/exponent-ts
0 dependencies ts + js templating UI npm package
https://github.com/repcomm/exponent-ts
component flexbox javascript npm-package typescript ui webpack zero-dependencies
Last synced: 7 months ago
JSON representation
0 dependencies ts + js templating UI npm package
- Host: GitHub
- URL: https://github.com/repcomm/exponent-ts
- Owner: RepComm
- Created: 2020-08-14T03:50:15.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-08-06T20:24:33.000Z (about 4 years ago)
- Last Synced: 2025-01-28T08:52:01.635Z (8 months ago)
- Topics: component, flexbox, javascript, npm-package, typescript, ui, webpack, zero-dependencies
- Language: TypeScript
- Homepage:
- Size: 644 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
# 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
```ts
```
## 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
