Web-view

The web-view component allows the user to use an URL or pass raw HTML as the preview content.

Examples and code snippets

Long-press on a widget

This example displays a preview after long-pressing the widget.

See the full example on GitHub.

preview:
  isCompact: false
  children:
    - type: component.web-view
      options:
        uri: https://www.google.com
        isTrackingTransparencyRequired: true
        height: 500

children:
  - type: component.grid
    options: 
      children:
        - type: component.grid-item
          options:
            size: "1x1"
            children: 
              type: component.jig-widget
              options:
                jigId: long-press-on-widget

Long-press - onPress action

This example displays a preview after long-pressing the list-item on the widget.

This example displays a preview after long-pressing the list-item in the jig. It includes the web-view component as well as the go-to actions.

As you can see in the code snippet, the original list doesn't include the preview. Our onPress action allows us to use the preview that is included in the detail jig.

See the full example of web-longpress-onpress and web-detail on GitHub.