https://github.com/kidonng/saber-plugin-medium-zoom

🔍 medium-zoom plugin for Saber
https://github.com/kidonng/saber-plugin-medium-zoom

Last synced: 2 months ago
JSON representation

🔍 medium-zoom plugin for Saber

• Host: GitHub
• URL: https://github.com/kidonng/saber-plugin-medium-zoom
• Owner: kidonng
• License: mit
• Created: 2019-05-29T16:18:57.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-02-25T09:21:32.000Z (almost 2 years ago)
• Last Synced: 2024-08-03T09:07:11.247Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 9.77 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# `medium-zoom` for Saber

[![Latest version](https://img.shields.io/npm/v/saber-plugin-medium-zoom.svg)](https://npm.im/saber-plugin-medium-zoom)

![npm downloads](https://img.shields.io/npm/dt/saber-plugin-medium-zoom.svg)

[![License](https://img.shields.io/github/license/kidonng/saber-plugin-medium-zoom.svg)](LICENSE)

[![Mentioned in Awesome Saber](https://awesome.re/mentioned-badge.svg)](https://github.com/saberland/awesome-saber)

[medium-zoom](https://github.com/francoischalifour/medium-zoom) plugin for [Saber](https://github.com/saberland/saber).

## Install

- `npm i saber-plugin-medium-zoom`

- `yarn add saber-plugin-medium-zoom`

## Usage

Add the plugin to your Saber config and we will handle the rest:

```js

module.exports = {

  // ...

  plugins: [

    {

      resolve: 'saber-plugin-medium-zoom',

      options: {

        // Default selector

        selector: '[data-zoomable]',

        // See https://github.com/francoischalifour/medium-zoom#options for details

        options: {

          margin: 24,

          background: '#BADA55',

          scrollOffset: 0,

          container: '#zoom-container',

          template: '#zoom-template',

        }

      }

    }

  ]

}

```