ColorSelector
value type: string
A color selector component.
Block
#000000
State
block_id: null
Block Setup
id: block_id
type: ColorSelector
properties:
colors:
- '#D9E3F0'
- '#F47373'
- '#697689'
- '#37D67A'
- '#2CCCE4'
- '#555555'
- '#dce775'
- '#ff8a65'
- '#ba68c8'
Settings
ColorSelector JSON Schema Definition
type: object
properties:
events:
additionalProperties: false
properties:
onChange:
description: Trigger actions when color is picked.
type: array
type: object
properties:
properties:
colors:
default:
- '#D9E3F0'
- '#F47373'
- '#697689'
- '#37D67A'
- '#2CCCE4'
- '#555555'
- '#dce775'
- '#ff8a65'
- '#ba68c8'
description: Colors to display.
items:
type: string
type: array
defaultColor:
default: '#000000'
description: Default color to display if input value is null.
type: string
inputStyle:
description: Css style to applied to input.
type: object
label:
additionalProperties: false
description: Label properties.
properties:
align:
default: left
description: Align label left or right when inline.
enum:
- left
- right
type: string
colon:
default: true
description: Append label with colon.
type: boolean
disabled:
default: false
description: Hide input label.
type: boolean
extra:
description: Extra text to display beneath the content.
type: string
extraStyle:
description: Css style to applied to label extra.
type: object
feedbackStyle:
description: Css style to applied to label feedback.
type: object
hasFeedback:
default: true
description: >-
Display feedback extra from validation, this does not disable
validation.
type: boolean
inline:
default: false
description: Render input and label inline.
type: boolean
span:
description: Label inline span.
type: number
title:
description: Label title.
type: string
type: object
title:
description: >-
Title to describe the input component, if no title is specified the
block id is displayed.
type: string
triangle:
default: hide
description: Show triangle on color selector border.
enum:
- hide
- top
type: boolean
width:
default: 100%
description: Color selector width.
type:
- string
- number
type: object