I want to create a color picker in ionic app [closed]

by

here is example for you

Credit for https://stackblitz.com/@bockoblur

import

import { ColorPickerModule } from 'ngx-color-picker';

@NgModule({
  bootstrap: [
    AppComponent
  ],
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ColorPickerModule
  ]
})

.html

<input 
      [style.background]="colorList[0].value" 
      [(colorPicker)]="colorList[0].value"
      [cpOKButton] = "true"
      [cpOKButtonText] = "'Select'"
      [cpCancelButton] = "true"
      [cpSaveClickOutside] = "'false'"
      [cpDisableInput]="false"
      [cpAlphaChannel]="'disabled'" 
      [cpOutputFormat]="'hex'"
      [cpPresetColors]="presetValues"
      [cpAddColorButton]="true" 
  />

More Related Contents:

  1. What to use in place of ::ng-deep
  2. Show loading screen when navigating between routes in Angular 2
  3. Style not working for innerHTML in Angular [duplicate]
  4. Remove host component tag from html in angular 4
  5. Angular4 – Scrolling to anchor
  6. Create tree view with horizontal and vertical lines showing the connectivity using css
  7. Bootstrap column on mobile positions
  8. Adding HTML + CSS to wix
  9. Symbol appearance is ok on my computer, but different on other
  10. Hide scroll bar, but while still being able to scroll
  11. Flexbox code working on all browsers except Safari. Why?
  12. Position absolute but relative to parent
  13. How to style the option of an html “select” element?
  14. css ‘pointer-events’ property alternative for IE
  15. What is the effect of encoding an image in base64?
  16. Should I embed images as data/base64 in CSS or HTML
  17. Fixed header table with horizontal scrollbar and vertical scrollbar on
  18. Ordered list (HTML) lower-alpha with right parentheses?
  19. How to get box-shadow on left & right sides only
  20. Add padding at the beginning and end of each line of text
  21. CSS: Vertically align div when no fixed size of the div is known
  22. Flex item should align left, not center, when it wraps
  23. Dynamically aligning pseudo element according to parent height
  24. Exclude menu item from the collapse of bootstrap 3 navbar
  25. Text Padding in Select Boxes
  26. CSS border color switch animation: “from” color not correct
  27. The border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?
  28. Pixelated edge around a CSS Circle with overflow: hidden;
  29. How to change font-family of drop down’s list item?
  30. IE7 CSS Scrolling Div Bug

Leave a Comment