Skip to main content

UI Properties

List of properties used to alter the appearance of your connector.

displayName​

The name displayed in lists, paragraphs or any other visual element of the Unito app.

{
  "ui": {
    "displayName": "Awesome Connector"
  }
}

The logo, in SVG format, displayed in the Unito app.

warning

It's important to set both the viewBox attribute and the width and height attributes to ensure consistent SVG rendering across different browsers.

{
  "ui": {
    "logo": "
      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\">
        <text x=\"16\" y=\"20\" font-size=\"32\" text-anchor=\"middle\" dominant-baseline=\"middle\" fill=\"black\">
          !
        </text>
      </svg>"
  }
}