skim

UI toolkit

View the Project on GitHub skimgroup/skim

skim-magnify

contents

The magnify component allows for putting a magnifying glass over its contents. This way the user can move the cursor over the content magnifying the area.

Usage

<skim-magnify>
    <ion-img src="https://image.shutterstock.com/z/stock-photo-close-up-portrait-of-her-she-nice-attractive-lovable-cute-adorable-winsome-girl-with-two-buns-wear-1725508987.jpg"></ion-img>
</skim-magnify>

Properties

Property Attribute Description Type Default
scale scale   number 1.5
size size   number 1

Built with StencilJS