Layout scaffolding for Web apps.
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.tsx 1.0 KiB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import * as React from 'react';
  2. import * as ReactDOM from 'react-dom';
  3. const Page = () => {
  4. return (
  5. <>
  6. <h1>
  7. Viewfinder Examples
  8. </h1>
  9. <nav>
  10. <h2>
  11. Layouts
  12. </h2>
  13. <div>
  14. <a href="layouts/basic/index.html">Basic</a>
  15. </div>
  16. <div>
  17. <a href="layouts/basic-narrow/index.html">Basic Narrow</a>
  18. </div>
  19. <div>
  20. <a href="layouts/left-sidebar/index.html">Left Sidebar</a>
  21. </div>
  22. <div>
  23. <a href="layouts/left-sidebar-2/index.html">Left Sidebar (alternate)</a>
  24. </div>
  25. <div>
  26. <a href="layouts/left-sidebar-with-menu/index.html">Left Sidebar With Menu</a>
  27. </div>
  28. <div>
  29. <a href="layouts/right-sidebar-static/index.html">Right Sidebar Static</a>
  30. </div>
  31. </nav>
  32. <p>
  33. Look at how the layouts are coded in the <a href="https://code.modal.sh/TheoryOfNekomata/viewfinder" rel="noreferrer noopener" target="_blank">Git repository</a>.
  34. </p>
  35. </>
  36. );
  37. };
  38. const root = document.createElement('div')
  39. ReactDOM.render(<Page />, root);
  40. document.body.appendChild(root);