✨
Framework
  • 👋Welcome to Shiny Framework
  • Overview
    • ✨Installation
  • Components
    • 🧱Creating a Component
    • 🏇Mounting a Component
  • Attributes
    • 👁️x-show
    • 🏷️x-text
    • 🔁x-sync
    • ⛓️x-model
    • 🎡x-for
    • 🪄x-bind
      • 🖼️x-bind:src
      • 🔗x-bind:href
      • 🎨x-bind:class
      • 🔤x-bind:value
      • ✅x-bind:checked
    • 👆x-on
      • 🖱️x-on:click
      • 🥖x-on:input
      • ☑️x-on:change
      • 📤x-on:submit
      • ⛰️x-on:mounted
  • JavaScript API
    • 🪄Reactive Store
      • ➡️Get Value
      • ⬅️Set Value
    • 🦄Custom Functions
  • Fetch Examples
    • ⬇️Get
    • ⬆️Post
Powered by GitBook
On this page
  • Add the library
  • Add the inspector (optional)
  1. Overview

Installation

Add the library

Copy the script below and paste it between the <head> tags.

<!-- SO-Framework -->
<script src="https://cdn.shinyobjectlabs.io/libs/framework@0.1.0/framework.js"></script>

DEPRECATION WARNING (v0.1.0): x-model is being replaced by x-sync and may be removed in a future release. Please update your code accordingly.

Add the inspector (optional)

The inspector lets you view the component's reactive store without leaving your website.

SO-Inspector is a tool for debugging and should be removed once you finish developing the website.

Add the query parameter ?debug=true to enable the inspector.

Copy the script below and paste it between the <head> tags.

<!-- SO-Inspector - Remove once you have finished testing -->
<script type="module" src="https://cdn.shinyobjectlabs.io/libs/inspector@0.0.1/inspector.js"></script>

PreviousWelcome to Shiny FrameworkNextCreating a Component

Last updated 2 years ago

✨