npmpackage.info

Gathering detailed insights and metrics for vue-colorpicker-v3

Other packages similar to vue-colorpicker-v3

@erkelost/colorpicker

This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

v3-colorpicker-vn

Project is a component for color picker with vue3

@icego/colorpicker

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

vue3colorpicking

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

vue-colorpicker-v3

2.1.2

278.00 B

Installations

npm install vue-colorpicker-v3

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

14.19.1

NPM Version

6.14.16

Score

56.1

Supply Chain

85.2

Quality

74.8

Maintenance

100

Vulnerability

98.6

License

Releases

Unable to fetch releases

Contributors

1

Download Statistics

Total Downloads

573

Last Day

1

Last Week

2

Last Month

6

Last Year

418

Bundle Size

498.00 B

Minified

278.00 B

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

2.1.2

Package Id

vue-colorpicker-v3@2.1.2

Unpacked Size

160.40 kB

Size

31.61 kB

File Count

24

NPM Version

6.14.16

Node Version

14.19.1

Publised On

16 Feb 2023

Total Downloads

Cumulative downloads

Total Downloads

573

Last day

0%

1

Compared to previous day

Last week

0%

2

Compared to previous week

Last month

200%

6

Compared to previous month

Last year

169.7%

418

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

10

@aesoper/normal-utils @popperjs/core @vueuse/core gradient-parser lodash-es tinycolor2 vue vue-types vue3-angle vue3-normal-library

Dev Dependencies

48

Versions

colorpicker

A very beautiful color picker, supports input and output of multiple color formats, and supports gradient color selection.

Note: This document is for Vue3ColorPicker v2. If you are looking for an older versions, refer to the v1 branches.The v2 version is a destructive update, and some functions in v1 are no longer supported. Please use it with caution

Installation

yarn add vue3-colorpicker

OR

npm install vue3-colorpicker

How to use

The first step is global registration

import Vue3ColorPicker from "vue3-colorpicker";
import "vue3-colorpicker/style.css";

createApp(App)
  .use(router)
  .use(Vue3ColorPicker)
  .mount("#app");

OR

1import { ColorPicker } from "vue3-colorpicker";
2import "vue3-colorpicker/style.css";
3
4export default defineComponent({
5components: { ColorPicker },
6});

Usage

1<template>
2  <div>
3     <color-picker v-model:pureColor="pureColor" v-model:gradientColor="gradientColor"/>
4  </div>
5</template>
6<script lang="ts">
7  import { ref } from "vue";
8  import { ColorInputWithoutInstance } from "tinycolor2";
9
10  export default defineComponent({
11     setup() {
12       const pureColor = ref<ColorInputWithoutInstance>("red");
13       const gradientColor = ref("linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%)");
14
15       return { pureColor, gradientColor }
16     }
17  });
18</script>
19

Empty State

No vulnerabilities found.

Empty State

No security vulnerabilities found.