SizeUp web interface version 2

A new version of our web interface is under development. If you have a SizeUp API key, you're welcome to try it out and let us know what you think.

How to embed

In your HTML <head> element, include our script:

<script type="text/javascript" src="https://2.sizeup.com/widget/v2.0/get"></script>
(Please do not use defer or async script loading.)

In the HTML <body>, create a DOM element with an ID in your HTML document where you want the SizeUp widget to appear. During page initialization, or any time you want to install the SizeUp widget into your element, execute:

sizeup.widget.create(ELEMENT_ID, ...);

You can specify these additional arguments for this instance of the widget:

Other customized attributes, such as the widget's content and visual appearance, apply to all widgets created for a particular API key. Those cannot be changed at runtime.

This function can throw exceptions for permission denied, auth failure, element not found, unrecognized arguments).

Demonstration

The widget below was generated by the following code:

    <script type="text/javascript" src="//api.sizeup.com/js/?apikey=..."></script>
    <script type="text/javascript" src="https://2.sizeup.com/widget/v2.0/get"></script>
    <script type="text/javascript">
      window.onload = function(e) {
        sizeup.widget.create(
          "embed-sizeup-here",
          {key: "..."}); // substitute actual key
      };
    </script>
    <div id="embed-sizeup-here" />