https://github.com/dimfeld/svelte-zoomable

Zoomable UI in Svelte
https://github.com/dimfeld/svelte-zoomable

Last synced: over 1 year ago
JSON representation

Zoomable UI in Svelte

• Host: GitHub
• URL: https://github.com/dimfeld/svelte-zoomable
• Owner: dimfeld
• License: mit
• Created: 2020-12-15T03:17:40.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-28T08:42:39.000Z (over 5 years ago)
• Last Synced: 2024-10-07T07:06:57.896Z (almost 2 years ago)
• Language: JavaScript
• Size: 430 KB
• Stars: 11
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Svelte Zoomable UI

This is a component for providing UI that can zoom into different levels of detail.

More docs coming soon, but you can see some Svelte REPL examples to get a good idea of how it works:

- [Zoomable Grid](https://svelte.dev/repl/32bf500c4b8b4b718daee1fae74b6a51?version=3.32.0)

- [Flex Layouts](https://svelte.dev/repl/58dfe87756ee4db897c281b52fdef7b7?version=3.31.0)

```svelte

  let zoomManager;



  {#each data as item}

    

      


        Content when the item is zoomed out

      

      

      


        Content when the item is zoomed in. This can contain additional Zoomables for more levels of nesting.

      

    

  {/each}


```