vue-color-kit icon indicating copy to clipboard operation
vue-color-kit copied to clipboard

Added 'width', 'show-alpha', 'disable-input-field' prop and some default-colors style fix.

Open Akash187 opened this issue 4 years ago • 1 comments

What kind of change does this PR introduce? (check at least one)

  • [ ] Bugfix
  • [x] Feature
  • [ ] Code style update
  • [ ] Refactor
  • [ ] Build-related changes
  • [ ] Other, please describe:

Does this PR introduce a breaking change? (check one)

  • [ ] Yes
  • [x] No

If yes, please describe the impact and migration path for existing applications:

The PR fulfills these requirements:

  • [ ] When resolving a specific issue, it's referenced in the PR's title (e.g. fix #xxx[,#xxx], where "xxx" is the issue number)
  • [ ] All tests are passing
  • [ ] New/updated tests are included

If adding a new feature, the PR's description includes:

  • [x] Added width prop to pass width show that user can change the width of color picker current 198px width seems to be a bit small.
  • [x] Added show-alpha prop to show and hide alpha panel and rgba box.
  • [x] Added disable-input-field prop to disable user from manually enter color value. This is helpful because sometimes you don't want users to enter invalid colors. Disabling input can prevent such cases.
  • [x] Fixed default-colors style.
  • [x] Made style scoped so they don't interfere with project style.

Other information: I was not able to run tests using yarn test getting an error. Image attached. Screenshot 2021-11-05 at 5 34 08 PM

Akash187 avatar Nov 05 '21 12:11 Akash187

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/anishgeorge2690/vue-color-kit/HbpSr6pquULbFnnpcuRa4VWtmBXq
✅ Preview: https://vue-color-kit-git-fork-akash187-master-anishgeorge2690.vercel.app

vercel[bot] avatar Nov 05 '21 12:11 vercel[bot]