TwitterColorSelector
value type: string
A color selector component similar to the twitter color selector..
Block
#
State
block_id: null
Block Setup
id: block_id
type: TwitterColorSelector
properties:
colors:
- '#FF6900'
- '#FCB900'
- '#7BDCB5'
- '#00D084'
- '#8ED1FC'
- '#0693E3'
- '#ABB8C3'
- '#EB144C'
- '#F78DA7'
- '#9900EF'
Settings
TwitterColorSelector 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:
- '#FF6900'
- '#FCB900'
- '#7BDCB5'
- '#00D084'
- '#8ED1FC'
- '#0693E3'
- '#ABB8C3'
- '#EB144C'
- '#F78DA7'
- '#9900EF'
description: Colors to display.
items:
type: string
type: array
defaultColor:
default: '#000000'
description: Default color to display if input value is null.
type: string
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-left
- top-right
type: string
width:
default: 100%
description: Color selector width.
type:
- string
- number
type: object