triadabucks.blogg.se - Angular color picker

Dialog positioning mode: DialogDisplay (DialogDisplay.popup). Disables / hides the color input field from the dialog (false). Array of preset colors to show in the color picker dialog (). If string is given, it overrides the default label. Dialog offset percentage relative to the directive element (0). Dialog position: DialogPosition (DialogPosition.right). Used when the color is not well-formed or is undefined ('#000'). Alpha mode: AlphaChannel (AlphaChannel.enabled). Output color format: OutputFormat (to). Enables CMYK input format and color change event (false). Dialog color mode: 'color', 'grayscale', 'presets' ('color'). Disables opening of the color picker dialog via toggle / events. Sets the default open / close state of the color picker (false). Use this option to force color picker dialog height ('auto'). Use this option to set color picker dialog width ('230px'). Yarn start Installing and usage yarn add nxt-color-picker Load the module for your app: import ) Use it in your HTML template: // The color to show in the color picker dialog.

Built with Angular CLI to make nxt-color-picker development and testing a single-step processĮxample application Building the library yarn.

Type safe: by replacing string options with enumerators, compiler can ensure you always pass correct options to nxt-color-picker.

slider indicator changes color based on background to maintain visibility.

Responsive: nxt-color-picker uses CSS and flex layout to ensure pixel-perfect rendering on all screen sizes and resolutions.

This is a responsive color picker based on angular2-color-picker and updates from ngx-color-picker.