@instructure/ui-color-picker
TypeScript icon, indicating that this package has built-in type declarations

9.9.0 • Public • Published

category: packages

ui-color-picker

npm MIT License Code of Conduct

A robust component for picking, mixing, validating colors

Installation

npm install @instructure/ui-color-picker

Components

ColorPicker

The main component. It comes with an input field and can be customized to fit any input need

ColorIndicator

A component displaying a circle with checkerboard background capable of displaying colors

ColorMixer

Made for mixing colors setting hue, saturation, luminance and alpha or just typing in an rgba color

ColorPreset

Lets the user pick from a collection of preset colors. The list can be modified (added, removed) by the user if needed

ColorContrast

Calculates, visualizes and validates against WCAG 2.1 standards the contrast between two colors

Readme

Keywords

none

Package Sidebar

Install

npm i @instructure/ui-color-picker

Weekly Downloads

3,185

Version

9.9.0

License

MIT

Unpacked Size

1 MB

Total Files

201

Last publish

Collaborators

  • dmz985
  • aaronshaf
  • zsotllengyelinst
  • jozsefg-instructure
  • bpjatacsuk
  • ajmal-esa
  • razorsh4rk
  • david.wenzlick.inst
  • robinkuss64
  • ardena
  • jcflow
  • jguardadom
  • jdewar
  • xcudder
  • ericsaupe
  • joyenjoyer
  • omarpr
  • cguanzon-inst
  • sarahgerard
  • jacksonhowe
  • jakeoeding
  • camray
  • cjs118
  • matyas.szabo
  • herrtopi
  • angela.gomba
  • kyler-instructure
  • instuici
  • eschiebel
  • maths22
  • jcrystal
  • itadmins
  • quizzesuici
  • instructure-toolsmiths-service-user
  • aogata-inst
  • instout