Reevo Sheet is a modern and highly customizable modal component designed for touch devices, utilizing WAAPI and pure JavaScript.
Explore how to use RvSheet with Vue.js in this comprehensive example repository.
- Touch-Optimized: Designed specifically for mobile and touch devices, RvSheet ensures smooth, user-friendly interactions for all users.
- Smooth Animations: Powered by WAAPI, offering one of the most efficient and smooth animation experiences available today.
- Framework-Agnostic: Built with pure JavaScript, RvSheet seamlessly integrates with any framework of your choice, from React to Angular, Vue, or even vanilla JS.
- Highly Customizable: Packed with all the essential props to meet your customization needs.
- Full Control: Offers complete flexibility over templates and styles, empowering you to create a fully customized user experience.
- Virtual keyboard avoidance: Automatically adjusts and moves the sheet when the virtual keyboard opens on mobile devices, providing an uninterrupted user experience.
- Lightweight and Efficient: At just 20KB, RvSheet is designed for speed and performance without compromising on functionality.
Edit .npmrc and insert your token:
@reevo-design:registry=https://npm.pkg.github.com/
//npm.pkg.github.com/:_authToken=YOUR_TOKEN
Install with npm:
npm i @reevo-design/sheetExperiment with RvSheet props in real time on our interactive playground
Access the full Reevo Sheet documentation to learn about all available features, configurations, and integration tips.
Check out the Vue.js template example for RvSheet: View the template here