Usage

HTML

Place an HTML tag with the ID shortcut-preview where you'd like the preview to render. You can provide another selector if you'd like in the next step.

<div id="shortcut-preview"></div>

Load a Shortcut

const preview = new ShortcutPreview({
    selector? : string // default: "#shortcut-preview"
    name? : string // Title of the Shortcut
    url? : string // URL to plist or JSON Shortcut data
    data? : object // plist as JSON data
    header? : boolean // Whether to show header with icon and title, default: true.
    meta? : boolean // Whether to show Shortcut meta data like accepted input types, etc. default: true
    framework7 : Framework7 // Optional: provide your own Framework7 instance if needed
});