• Home
• com.vaadin
• vaadin-dev-server
• 24.2.10
• source code
• vaadin-text-field.json

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

META-INF.metadata.vaadin-text-field.json Maven / Gradle / Ivy

[
  {
    "selector": "vaadin-text-field::part(input-field)",
    "displayName": "Input field",
    "properties": [
      {
        "propertyName": "background-color",
        "displayName": "Background color",
        "editorType": "color"
      },
      {
        "propertyName": "border-color",
        "displayName": "Border color",
        "editorType": "color"
      },
      {
        "propertyName": "border-width",
        "displayName": "Border width",
        "editorType": "range",
        "presets": [
          "0px",
          "1px",
          "2px",
          "3px"
        ],
        "icon": "square"
      },
      {
        "propertyName": "border-radius",
        "displayName": "Border radius",
        "editorType": "range",
        "presets": [
          "0",
          "--lumo-border-radius-m",
          "--lumo-border-radius-l"
        ],
        "icon": "square"
      },
      {
        "propertyName": "height",
        "displayName": "Size",
        "editorType": "range",
        "presets": [
          "--lumo-size-xs",
          "--lumo-size-s",
          "--lumo-size-m",
          "--lumo-size-l",
          "--lumo-size-xl"
        ],
        "icon": "square"
      },
      {
        "propertyName": "padding-inline",
        "displayName": "Padding",
        "editorType": "range",
        "presets": [
          "--lumo-space-xs",
          "--lumo-space-s",
          "--lumo-space-m",
          "--lumo-space-l",
          "--lumo-space-xl"
        ],
        "icon": "square"
      },
      {
        "propertyName": "color",
        "displayName": "Text color",
        "editorType": "color",
        "presets": [
          "--lumo-header-text-color",
          "--lumo-body-text-color",
          "--lumo-secondary-text-color",
          "--lumo-tertiary-text-color",
          "--lumo-disabled-text-color",
          "--lumo-primary-text-color",
          "--lumo-error-text-color",
          "--lumo-success-text-color"
        ]
      },
      {
        "propertyName": "font-size",
        "displayName": "Font size",
        "editorType": "range",
        "presets": [
          "--lumo-font-size-xxs",
          "--lumo-font-size-xs",
          "--lumo-font-size-s",
          "--lumo-font-size-m",
          "--lumo-font-size-l",
          "--lumo-font-size-xl",
          "--lumo-font-size-xxl",
          "--lumo-font-size-xxxl"
        ],
        "icon": "font"
      },
      {
        "propertyName": "font-weight",
        "displayName": "Bold",
        "editorType": "checkbox",
        "checkedValue": "bold"
      }
    ]
  },
  {
    "selector": "vaadin-text-field::part(label)",
    "displayName": "Label",
    "properties": [
      {
        "propertyName": "color",
        "displayName": "Text color",
        "editorType": "color",
        "presets": [
          "--lumo-header-text-color",
          "--lumo-body-text-color",
          "--lumo-secondary-text-color",
          "--lumo-tertiary-text-color",
          "--lumo-disabled-text-color",
          "--lumo-primary-text-color",
          "--lumo-error-text-color",
          "--lumo-success-text-color"
        ]
      },
      {
        "propertyName": "font-size",
        "displayName": "Font size",
        "editorType": "range",
        "presets": [
          "--lumo-font-size-xxs",
          "--lumo-font-size-xs",
          "--lumo-font-size-s",
          "--lumo-font-size-m",
          "--lumo-font-size-l",
          "--lumo-font-size-xl",
          "--lumo-font-size-xxl",
          "--lumo-font-size-xxxl"
        ],
        "icon": "font"
      },
      {
        "propertyName": "font-weight",
        "displayName": "Bold",
        "editorType": "checkbox",
        "checkedValue": "bold"
      }
    ]
  },
  {
    "selector": "vaadin-text-field::part(helper-text)",
    "displayName": "Helper text",
    "properties": [
      {
        "propertyName": "color",
        "displayName": "Text color",
        "editorType": "color",
        "presets": [
          "--lumo-header-text-color",
          "--lumo-body-text-color",
          "--lumo-secondary-text-color",
          "--lumo-tertiary-text-color",
          "--lumo-disabled-text-color",
          "--lumo-primary-text-color",
          "--lumo-error-text-color",
          "--lumo-success-text-color"
        ]
      },
      {
        "propertyName": "font-size",
        "displayName": "Font size",
        "editorType": "range",
        "presets": [
          "--lumo-font-size-xxs",
          "--lumo-font-size-xs",
          "--lumo-font-size-s",
          "--lumo-font-size-m",
          "--lumo-font-size-l",
          "--lumo-font-size-xl",
          "--lumo-font-size-xxl",
          "--lumo-font-size-xxxl"
        ],
        "icon": "font"
      },
      {
        "propertyName": "font-weight",
        "displayName": "Bold",
        "editorType": "checkbox",
        "checkedValue": "bold"
      }
    ]
  },
  {
    "selector": "vaadin-text-field::part(error-message)",
    "displayName": "Error message",
    "properties": [
      {
        "propertyName": "color",
        "displayName": "Text color",
        "editorType": "color",
        "presets": [
          "--lumo-header-text-color",
          "--lumo-body-text-color",
          "--lumo-secondary-text-color",
          "--lumo-tertiary-text-color",
          "--lumo-disabled-text-color",
          "--lumo-primary-text-color",
          "--lumo-error-text-color",
          "--lumo-success-text-color"
        ]
      },
      {
        "propertyName": "font-size",
        "displayName": "Font size",
        "editorType": "range",
        "presets": [
          "--lumo-font-size-xxs",
          "--lumo-font-size-xs",
          "--lumo-font-size-s",
          "--lumo-font-size-m",
          "--lumo-font-size-l",
          "--lumo-font-size-xl",
          "--lumo-font-size-xxl",
          "--lumo-font-size-xxxl"
        ],
        "icon": "font"
      },
      {
        "propertyName": "font-weight",
        "displayName": "Bold",
        "editorType": "checkbox",
        "checkedValue": "bold"
      }
    ]
  },
  {
    "selector": "vaadin-text-field::part(clear-button)",
    "displayName": "Clear button",
    "properties": [
      {
        "propertyName": "color",
        "displayName": "Icon color",
        "editorType": "color",
        "presets": [
          "--lumo-header-text-color",
          "--lumo-body-text-color",
          "--lumo-secondary-text-color",
          "--lumo-tertiary-text-color",
          "--lumo-disabled-text-color",
          "--lumo-primary-text-color",
          "--lumo-error-text-color",
          "--lumo-success-text-color"
        ]
      },
      {
        "propertyName": "font-size",
        "displayName": "Icon size",
        "editorType": "range",
        "presets": [
          "--lumo-font-size-xxs",
          "--lumo-font-size-xs",
          "--lumo-font-size-s",
          "--lumo-font-size-m",
          "--lumo-font-size-l",
          "--lumo-font-size-xl",
          "--lumo-font-size-xxl",
          "--lumo-font-size-xxxl"
        ],
        "icon": "font"
      }
    ]
  }
]