You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

42 lines
829 B

5 years ago
  1. # Tiny One Page
  2. Part of Tiny Components, this is one of many Components for Frontend Development. It used the Framework [RiotJS v4](https://riot.js.org/).
  3. This Component is a One Page Menu.
  4. ## Usage
  5. ```html
  6. <tiny-one-page>
  7. <nav>
  8. <ul>
  9. <li><a href="#">Home</a></li>
  10. <li><a href="#">Blog</a></li>
  11. <li><a href="#">Contact</a></li>
  12. </ul>
  13. </nav>
  14. </tiny-one-page>
  15. ```
  16. ## Animations
  17. Use the Class TinyOnePageAnimate to create your own Animations. You can inject
  18. your Animation Class while Mounting the Component.
  19. ```js
  20. riot.mount('tiny-one-page', {
  21. 'animate': new TinyOnePageHeightAnimate()
  22. });
  23. ```
  24. ## Options
  25. Easy, there is at this moment only one options for ScrollSmooth.
  26. ```js
  27. riot.mount('tiny-one-page', {
  28. 'options': {
  29. 'offset': 50
  30. }
  31. });
  32. ```