Get started with amis CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with amis CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/amis@6.2.2/amis.min.css">
</head>
<body>
  <div id="app"></div>
  <script src="https://cdn.cdnhub.io/amis/6.2.2/sdk.js"></script>
  <script>
    const app = amis.createApp({
      el: '#app',
      data: {
        value: '',
      },
      components: {
        myComponent: {
          type: 'field',
          props: {
            name: 'myComponent',
            label: 'My Component',
            component: 'input',
            schema: {
              type: 'string',
            },
          },
        },
      },
      schema: {
        type: 'object',
        properties: {
          text: {
            type: 'string',
            title: 'Text',
          },
          myComponent: {
            type: 'properties',
            properties: {
              myComponent: {},
            },
          },
        },
      },
    });

    app.mount();
  </script>
</body>
</html>

https://cdn.cdnhub.io/amis/6.6.0/ang-ie11.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/ang-ie11.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/ang.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/ang.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/antd-ie11.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/antd-ie11.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/antd.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/antd.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/barcode.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/barcode.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/charts.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/charts.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/codemirror.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/codemirror.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/color-picker.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/color-picker.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/cropperjs.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/cropperjs.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/cxd-ie11.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/cxd-ie11.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/cxd.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/cxd.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/dark-ie11.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/dark-ie11.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/dark.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/dark.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/exceljs.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/exceljs.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/fomula-doc.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/fomula-doc.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/helper.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/helper.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/iconfont.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/iconfont.eot Copied!

https://cdn.cdnhub.io/amis/6.6.0/iconfont.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/iconfont.svg Copied!

https://cdn.cdnhub.io/amis/6.6.0/iconfont.ttf Copied!

https://cdn.cdnhub.io/amis/6.6.0/iconfont.woff Copied!

https://cdn.cdnhub.io/amis/6.6.0/ie11-patch.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/ie11-patch.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/json-view.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/json-view.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/markdown.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/markdown.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/office-viewer.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/office-viewer.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/papaparse.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/papaparse.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/pdf-viewer.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/pdf-viewer.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/rest.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/rest.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/rich-text.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/rich-text.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/sdk-ie11.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/sdk-ie11.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/sdk.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/sdk.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/sdk.min.css Copied!

https://cdn.cdnhub.io/amis/6.6.0/sdk.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/tinymce.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/tinymce.min.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/xlsx.js Copied!

https://cdn.cdnhub.io/amis/6.6.0/xlsx.min.js Copied!

Get started with amis CDN

Stable version

How to start using amis CDN

All versions