Skip to content

Create a Unit input control #421

@jogibear9988

Description

@jogibear9988

The Editor should be a webcomponent unaware of wich property it edits, so the units and fixed values are controlled by the user of the component)

It should live here: packages/web-component-designer/src/elements/controls

Sample from wix:
image

click on unit:
image

same in other designers....

  • switch to non units values like (calc(...), auto, unste, inherit,...) need to be supported
  • unit types differ on value types
  • mouse hold and move up/down like in dev tools to change the value should be supported
  • we need a way to specify wich units are supported and a way to convert between them when switched,
  • a list of fixed values (for example auto, unset, inherit, when used wich a css property of type length). the fixd value will replace the numeric one.
  • implement a usage of the editor in here packages/web-component-designer/src/elements/services/propertiesService/propertyEditors
  • it should have an up/down button to change the numeric value

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions