• Home
• com.vaadin
• vaadin-dev-server
• 24.2.10
• source code
• vaadin-checkbox-group.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-checkbox-group.json Maven / Gradle / Ivy

[
  {
    "selector": "vaadin-checkbox-group",
    "displayName": "Root element",
    "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": "padding",
        "displayName": "Padding",
        "editorType": "range",
        "presets": [
          "--lumo-space-xs",
          "--lumo-space-s",
          "--lumo-space-m",
          "--lumo-space-l",
          "--lumo-space-xl"
        ],
        "icon": "square"
      }
    ]
  },
  {
    "selector": "vaadin-checkbox-group::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-checkbox-group::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-checkbox-group::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-checkbox-group vaadin-checkbox",
    "displayName": "Checkboxes",
    "properties": [
      {
        "propertyName": "--vaadin-checkbox-size",
        "displayName": "Checkbox size",
        "defaultValue": "var(--lumo-font-size-l)",
        "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": "square"
      }
    ]
  },
  {
    "selector": "vaadin-checkbox-group vaadin-checkbox::part(checkbox)",
    "displayName": "Checkmark boxes",
    "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"
      }
    ]
  },
  {
    "selector": "vaadin-checkbox-group vaadin-checkbox[checked]::part(checkbox)",
    "stateAttribute": "checked",
    "displayName": "Checkmark boxes (when checked)",
    "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"
      }
    ],
    "stateElementSelector": "vaadin-checkbox-group vaadin-checkbox"
  },
  {
    "selector": "vaadin-checkbox-group vaadin-checkbox::part(checkbox)::after",
    "displayName": "Checkmarks",
    "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"
        ]
      }
    ]
  },
  {
    "selector": "vaadin-checkbox-group vaadin-checkbox label",
    "displayName": "Checkbox labels",
    "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"
      },
      {
        "propertyName": "font-style",
        "displayName": "Italic",
        "editorType": "checkbox",
        "checkedValue": "italic"
      }
    ]
  }
]