Vuido
  • About Vuido
  • Introduction
  • Installation
    • Manual Configuration
    • Production Builds
  • Usage
    • Window Template
    • Script Section
    • Interpolations
    • Computed Properties
    • Conditionals and Loops
    • Handling User Input
    • Managing Windows
    • Displaying Dialogs
    • Custom Components
    • Using libui Classes
    • Common Attributes
  • Packaging
  • Built-in Components
    • Window
    • Containers
      • Box
      • Form
      • Group
      • Tab
    • Widgets
      • Area
        • AreaGroup
        • AreaPath
        • AreaText
      • Button
      • Checkbox
      • ColorButton
      • Combobox
      • DatePicker
      • DateTimePicker
      • DropdownList
      • FontButton
      • ProgressBar
      • RadioButtons
      • Separator
      • Slider
      • Spinbox
      • Text
      • TextArea
      • TextInput
      • TimePicker
Powered by GitBook
On this page
  • Attributes
  • value
  • Events
  • change
  • Example
  1. Built-in Components
  2. Widgets

ColorButton

A button that opens a color selector dialog.

ColorButton supports the v-model directive.

Attributes

value

type: { r: Number, g: Number, b: Number, a: Number }

The currently selected color. The value is an object containing four numeric properties which represent the red, green, blue and alpha components in the range from 0 to 1.

Events

change

Emitted when the selected color is changed. The current color is passed as an argument.

Example

<ColorButton v-model="color"/>
PreviousCheckboxNextCombobox

Last updated 6 years ago