Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
angular-bootstrap-colorpicker
Advanced tools
Readme
This version contains a native AngularJS directive based on bootstrap-colorpicker jQuery library.
No dependency on jQuery or jQuery plugin is required.
Previous releases:
$ npm install angular-bootstrap-colorpicker --save
$ bower install angular-bootstrap-colorpicker --save
Copy css/colorpicker.css
and js/bootstrap-colorpicker-module.js
.
Add a dependency to your app, for instance:
angular.module('myApp', ['colorpicker.module'])
Hex format
<input colorpicker type="text" ng-model="your_model" />
or
<input colorpicker="hex" type="text" ng-model="your_model" />
RGB format
<input colorpicker="rgb" type="text" ng-model="your_model" />
RBGA format
<input colorpicker="rgba" type="text" ng-model="your_model" />
As non input element
<div colorpicker ng-model="your_model"></div>
The color picker template with an input element
<input colorpicker colorpicker-with-input="true" type="text" ng-model="your_model" />
Position of the color picker (top, right, bottom, left).
<input colorpicker colorpicker-position="right" type="text" ng-model="your_model" />
The color picker in a fixed element
<input colorpicker colorpicker-fixed-position="true" type="text" ng-model="your_model" />
When using fixed positioning, you can also put the picker into the parent element (this allows more styling control)
<input colorpicker colorpicker-fixed-position="true" colorpicker-parent="true" type="text" ng-model="your_model" />
The color picker in UI Bootstrap modal (the parent element position property must be set to relative)
<input colorpicker colorpicker-parent="true" type="text" ng-model="your_model" />
Binding the visibility of the color picker to a variable in the scope
<input colorpicker colorpicker-is-open="isOpen" type="text" ng-model="your_model" />
Auto hiding the color picker when a color has been selected
<input colorpicker colorpicker-close-on-select type="text" ng-model="your_model" />
Customize a size of the color picker saturation panel
<input colorpicker colorpicker-size="200" type="text" ng-model="your_model" />
Each color picker will emit the following events passing a data object in the following format:
{
name: '',
value: ''
}
Name is the string representation of ng-model and value is the current color.
A global selected event, will be fired when a color is selected from the saturation, hue or alpha slider.
Will be fired when a color is selected from the saturation slider.
Will be fired when a color is selected from the hue slider.
Will be fired when a color is selected from the alpha slider.
Will be fired when a color picker is opened.
Will be fired when a color picker is closed.
FAQs
Native AngularJS colorpicker directive
The npm package angular-bootstrap-colorpicker receives a total of 7,570 weekly downloads. As such, angular-bootstrap-colorpicker popularity was classified as popular.
We found that angular-bootstrap-colorpicker demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.