Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

svelte-popperjs

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

svelte-popperjs - npm Package Compare versions

Comparing version 1.2.8 to 1.2.9

2

dist/index.d.ts
import { Instance, OptionsGeneric, Modifier } from '@popperjs/core';
export declare type PopperOptions<TModifier> = Partial<OptionsGeneric<TModifier>> | undefined;
export declare type ReferenceAction = (node: HTMLElement) => {
export declare type ReferenceAction = (node: Element) => {
destroy(): void;

@@ -5,0 +5,0 @@ };

{
"name": "svelte-popperjs",
"version": "1.2.8",
"version": "1.2.9",
"description": "Popper for Svelte with actions, no wrapper components required!",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

@@ -39,4 +39,7 @@ ![svelte-popperjs-banner](https://user-images.githubusercontent.com/42545742/102723166-49801c80-4341-11eb-8067-ebc66fdd47f4.png)

import { createPopperActions } from 'svelte-popperjs';
const [popperRef, popperContent] = createPopperActions();
const popperOptions = {
const [popperRef, popperContent] = createPopperActions({
placement: 'right',
strategy: 'fixed',
});
const extraOpts = {
modifiers: [

@@ -58,3 +61,3 @@ { name: 'offset', options: { offset: [0, 8] } }

{#if showTooltip}
<div id="tooltip" use:popperContent={popperOptions}>
<div id="tooltip" use:popperContent={extraOpts}>
My tooltip

@@ -61,0 +64,0 @@ <div id="arrow" data-popper-arrow />

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc