xtsmart-ui-sdk

Xtsmart UI-SDK

Usage no npm install needed!

<script type="module">
  import xtsmartUiSdk from 'https://cdn.skypack.dev/xtsmart-ui-sdk';
</script>

README

UI Builder Library Resources

Components

Available Styles:

it might be used in component.json as stylable or unstylable properties

[
  "position",
  "z-index",
  "overflow",
  "color",
  "opacity",
  "",
  "flex-container",
  "flex-direction",
  "flex-grow",
  "flex-shrink",
  "flex-basis",
  "justify-content",
  "align-items",
  "align-self",
  "",
  "width",
  "height",
  "min-width",
  "min-height",
  "max-width",
  "max-height",
  "",
  "margin",
  "margin-top",
  "margin-right",
  "margin-bottom",
  "margin-left",
  "",
  "padding",
  "padding-top",
  "padding-right",
  "padding-bottom",
  "padding-left",
  "",
  "font-family",
  "font-size",
  "font-weight",
  "letter-spacing",
  "line-height",
  "",
  "text-align",
  "text-decoration",
  "text-shadow",
  "text-shadow-h",
  "text-shadow-v",
  "text-shadow-blur",
  "text-shadow-color",
  "",
  "top",
  "right",
  "left",
  "bottom",
  "",
  "border-radius",
  "border-top-left-radius",
  "border-top-right-radius",
  "border-bottom-left-radius",
  "border-bottom-right-radius",
  "border",
  "border-width",
  "border-style",
  "border-color",
  "",
  "box-shadow",
  "box-shadow-h",
  "box-shadow-v",
  "box-shadow-blur",
  "box-shadow-spread",
  "box-shadow-color",
  "box-shadow-type",
  "",
  "background",
  "background-color",
  "background-image",
  "background-repeat",
  "background-position",
  "background-attachment",
  "background-size",
  "",
  "perspective",
  "transform",
  "transform-rotate-x",
  "transform-rotate-y",
  "transform-rotate-z",
  "transform-scale-x",
  "transform-scale-y",
  "transform-scale-z",
  "transition",
  "transition-property",
  "transition-duration",
  "transition-timing-function"
]
  • Page Templates
  • Custom Functions

TODO