Support other format for string and integer: color and range

Created on 9 April 2025, 13 days ago

Overview

HTML5 supports several types for input html element.
SDC and XB lack support for some of them like <input type="color"> and <input type="range">.

Browser includes nice widgets to edit those types of inputs.

Color

Color supports default color as one value

or as a list of colors(palette) - code example

Range

Range could use min, max, steps, and default value as single value or as list

Proposed resolution

It could be nice to add their support as new formats in SDC for prop of type string and integer.

"bgcolor": {
  "title": "Background Color",
  "type": "string",
  "format": "color",
  "default": ["#6699cc","#FF0000","#CCC"]
}
"rate": {
  "title": "Rate",
  "type": "integer",
  "format": "range",
  "min": "0",
  "max": "5",
  "step": "1",
  "default": "5"
}

User interface changes

Feature request
Status

Active

Version

0.0

Component

Page builder

Created by

🇮🇱Israel heyyo Jerusalem

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024