Package Exports
- @avsync.live/formation
- @avsync.live/formation/dist/cjs/index.js
- @avsync.live/formation/dist/esm/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@avsync.live/formation) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Formation
Formation is a comprehensive React component library based on Styled Components and CSS variables.
Core principals
- No right clicks
- Touchscreen-first
- Allow for hold-to-drag, but also allow for tap/click-only alternatives
- Responsive from the smallest of phones to the largest of multi-window 4K monitors.
- Animations should be minimal or avoided, as they can degrade performance and make interactions feel less responsive.
- Easily modify the styling using interchangeable themes.
- Prefer a small inline dropdown over a context-dominating modal popup.
Implementation
- Surface-based background-color system
- CSS variables
- React Styled-components
- Use of storybook to manage and visualize components outside of an application
- Code sandbox examples for all components