Layout scaffolding for Web apps.
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

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);