Svelte Legos
  • Guides
  • GitHub
  • Twitter
Menu

resizableAction

An action to make elements resizable.

Demo

Resize me

Usage

<script>
import { resizableAction } from "svelte-legos";
</script>

<div class="box" use:resizableAction />

Code

  • Source
  • Demo
╳
  • Getting Started (87)
  • Actions:
  • alertAction
  • clickOutsideAction
  • clickToCopyAction
  • confettiAction
  • debounceClickAction
  • documentTitleAction
  • draggableAction
  • dropAction
  • eyeDropperAction
  • focusAction
  • fullScreenAction
  • hotKeyAction
  • hoverAction
  • infiniteScrollAction
  • lazyLoadImageAction
  • loadingAction
  • longPressAction
  • messageAction
  • notifyAction
  • portalAction
  • resizableAction
  • scrollToBottomAction
  • sortableTableAction
  • textareaAutosizeAction
  • tooltipAction
  • Stores:
  • activeElementStore
  • counterStore
  • cssVarStore
  • dateStore
  • documentVisibilityStore
  • elementBoundingStore
  • elementSizeStore
  • elementVisibilityStore
  • eventListenerStore
  • eyeDropperStore
  • geolocationStore
  • hoverStore
  • intervalFnStore
  • intervalStore
  • memoryStore
  • messagesStore
  • mouseLeftPage
  • mouseStore
  • networkStore
  • onlineStore
  • pointerStore
  • rafFnStore
  • resizeObserverStore
  • scrollStore
  • textSelectionStore
  • timeoutFnStore
  • timeoutStore
  • toggleStore
  • windowFocusStore
  • windowScrollStore
  • windowSizeStore
  • Utilities:
  • battery
  • clipboard
  • fetchWithTimeoutAndRetry
  • hasPermission
  • mediaQuery
  • parseSearchParams
  • preferredColorScheme
  • preferredContrast
  • preferredDark
  • preferredLanguages
  • preferredReduceMotion
  • reduceable
  • screenOrientation
  • startViewTransition
  • Transitions:
  • roll
  • slide
  • swirl
  • Store Middlewares:
  • history
  • storage
  • Store Derivatives:
  • first
  • pick
  • pickArray
  • sizeOf
  • sort
  • toNumber
  • Watchers:
  • pausableWatch
  • takeUntil
  • takeWhile
  • watch
  • watchOnce
  • watchWithFilter