Skip to content

Lightweight, fast, layout snapping module. Made with Svelte.

Notifications You must be signed in to change notification settings

ThaUnknown/snap-layout

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Snap Layout

show

Snap Layout module for PWA's.

Note: It's not possible to resize a window or tab that wasn't created by window.open() or isn't a PWA. It's also not possible to resize when the window has multiple tabs.

This module uses rem for sizing, so to change the size of the module simply change the font size of the parent component.

This module uses $$restProps, which means you can pass any property to the root div, like style, class etc.

Functions:

import SnapLayout from 'snap-layout'

<SnapLayout hide={true} fill="grey" size="2rem">
  • hide - boolean, hides the menu
  • size - CSS Size to use for the icon size

Or use as a web component outside Svelte:

<script src="https://cdn.jsdelivr.net/npm/layout-snap@latest/dist/snap-layout.js"></script>
<body>
  <snap-layout fill="white" size="3rem"></snap-layout>
</body>

About

Lightweight, fast, layout snapping module. Made with Svelte.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published