Lowdefy
v3.23.3/input/TwitterColorSelector/

TwitterColorSelector

value type: string

A color selector component similar to the twitter color selector..

block_id: null

id: block_id
type: TwitterColorSelector
properties:
  colors:
    - '#FF6900'
    - '#FCB900'
    - '#7BDCB5'
    - '#00D084'
    - '#8ED1FC'
    - '#0693E3'
    - '#ABB8C3'
    - '#EB144C'
    - '#F78DA7'
    - '#9900EF'

properties:
colors:
  • #FF6900
  • #FCB900
  • #7BDCB5
  • #00D084
  • #8ED1FC
  • #0693E3
  • #ABB8C3
  • #EB144C
  • #F78DA7
  • #9900EF
#000000
Default color to display if input value is null.
label:
Align label left or right when inline.
Append label with colon.
Hide input label.
Extra text to display beneath the content.
Css style to applied to label extra.
Css style to applied to label feedback.
Display feedback extra from validation, this does not disable validation.
Render input and label inline.
Label inline span.
Label title.
Title to describe the input component, if no title is specified the block id is displayed.
Show triangle on color selector border.
Color selector width.
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