Color pickr
OverviewOfficial Website
Colorpickr: Flat, simple, multi-themed, responsive and hackable Color-Picker library.
CSS
<!-- One of the following themes -->
<link rel="stylesheet" href="{{ URL::asset('build/libs/@simonwep/pickr/themes/classic.min.css') }}"/> <!-- 'classic' theme -->
<link rel="stylesheet" href="{{ URL::asset('build/libs/@simonwep/pickr/themes/monolith.min.css') }}"/> <!-- 'monolith' theme -->
<link rel="stylesheet" href="{{ URL::asset('build/libs/@simonwep/pickr/themes/nano.min.css') }}"/> <!-- 'nano' theme -->
Javascript
<!-- Modern colorpicker bundle -->
<script src="{{ URL::asset('build/libs/@simonwep/pickr/pickr.min.js') }}"></script>
Initjs (Custom js)
<!-- color pickr init js -->
<script src="{{ URL::asset('build/js/pages/form-pickers.init.js') }}"></script>
Add Package
npm i @simonwep/pickr --save
Remove Package
npm uninstall @simonwep/pickr or you can remove package by removing specific package from package.json
Colorpickr Examples
Title | Javascript |
---|---|
Classic Demo |
|
Monolith Demo |
|
Nano Demo |
|
Options Demo |
|
Picker with Opacity & Hue |
|
Switches |
|
Picker with Input |
|
Color Format |
|