VueJS Generators
GitHubNPMJSFiddleCodePen
develop
develop
  • Getting Started
  • Installation
  • Usage
    • Styling
  • Component
    • Schema
    • Model
    • Options
    • Events
  • Fields
    • Field Properties
      • Inside Buttons
    • Core Fields
      • checkbox
      • checklist
      • input
      • label
      • radios
      • select
      • submit
      • textArea
    • Optional Fields
      • cleave
      • dateTimePicker
      • googleAddress
      • image
      • masked
      • noUiSlider
      • pikaday
      • selectEx
      • rangeSlider
      • spectrum
      • staticMap
      • switch
      • vueMultiSelect
    • Custom Fields
  • Groups
  • Validation
    • Built in Validators
    • Custom Validators
    • Handling Validation Events
Powered by GitBook
On this page
  • Special properties of field
  • colorOptions
  • Usage

Was this helpful?

  1. Fields
  2. Optional Fields

spectrum

PreviousrangeSliderNextstaticMap

Last updated 6 years ago

Was this helpful?

This is a "The No Hassle" color picker component.

Please note, this field depend on the following library:

Special properties of field

Property

Default

Accepted values

Description

autocomplete

none

Indicates whether the value of the control can be automatically completed by the browser.

colorOptions

{}

Object

placeholder

none

String

Placeholder text for input field

readonly

false

Boolean

If true, the input field is read only

colorOptions

@TODO

Usage

{
    type: "spectrum",
    label: "Color",
    model: "favoriteColor",
    colorOptions: {
       preferredFormat: "rgb"
    }
}

Settings to picker.

jQuery
spectrum
see doc
Read more info from options