BodyMovin web components

# Preview 50 View

Ready

- HTML
- View
- Context
- Info
- Notes

`

    <!DOCTYPE html>
    <html>

    <head>
        <meta charset="utf-8">
        <title>Preview Layout</title>
    </head>

    <body>
        <div class="preview-box">
            <div class="preview-box__panel">

            </div>
        </div>

        <style type="text/css">
            .preview-box__panel {
                width: 50%;
                margin: 100px auto;
            }
        </style>
        <script type="text/javascript" src="../../build/bodymovin-web-components.js"></script>
    </body>

    </html>

`
`

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Preview Layout</title>
    </head>
    <body>
      <div class="preview-box">
        <div class="preview-box__panel">
          {{ yield }}
        </div>
      </div>

      <style type="text/css">
        .preview-box__panel {
          width: 50%;
          margin: 100px auto;
        }
      </style>
      <script type="text/javascript" src="{{ '/build/bodymovin-web-components.js' | path }}"></script>
    </body>
    </html>

`
`

    /* No context defined for this component. */

`

- Handle: @preview.50view
- Preview:
  - With layout
  - Component only
- Filesystem Path: src/components/_preview.50view.nunj

There are no notes for this item.