ইমপোর্ট
import { NuiColorPicker, nuiParseColor } from '@needless-ui/angular/color-picker';NuiColorPicker
OKLCH-এ একটি কালার পিকার।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
valueদ্বিমুখী | string | '' | রঙ, ফরম্যাট অনুযায়ী লেখা। কোনো রঙ বেছে না নেওয়া পর্যন্ত খালি। |
formatদ্বিমুখী | 'hex' | 'rgb' | 'hsl' | 'oklch' | 'p3' | 'hex' | ভ্যালু কীভাবে লেখা হয়। |
formatsইনপুট | NuiColorFormat[] | hex, rgb, hsl, oklch | যেসব ফরম্যাটের মধ্য দিয়ে ফরম্যাট বাটন পালা করে যায়। |
gamutইনপুট | 'srgb' | 'p3' | 'srgb' | কালার এরিয়ায় কোন রঙগুলো থাকে: sRGB, অথবা Display P3। |
alphaইনপুট | boolean | true | অপাসিটির স্লাইডার দেখায়। |
swatchesইনপুট | NuiColorSwatch[] | [] | বেছে নেওয়ার জন্য রঙ, নামসহ। |
contrastWithইনপুট | string | যে ব্যাকগ্রাউন্ডের সঙ্গে কনট্রাস্ট যাচাই করা হবে। | |
eyeDropperইনপুট | boolean | true | আইড্রপার দেখায়, যেখানে ব্রাউজারে সেটি আছে। |
disabledইনপুট | boolean | false | এটি বদলানো যায় না। |
labelsইনপুট | Partial<NuiColorPickerLabels> | এটি যত টেক্সট বলে, অনুবাদের জন্য। | |
colorপ্রপার্টি | Signal<NuiColor> | বেছে নেওয়া রঙ, OKLCH-এ। |
Helpers
রঙের জন্য ফাংশন।
| নাম | টাইপ | ডিফল্ট | বিবরণ |
|---|---|---|---|
nuiParseColorমেথড | (text: string) => NuiColor | null | যেকোনো CSS সিনট্যাক্সে লেখা রঙ পড়ে। | |
nuiFormatColorমেথড | (color, format?) => string | একটি ফরম্যাটে রঙ লেখে। | |
nuiToGamutমেথড | (color, gamut?: 'srgb' | 'p3') => NuiColor | CSS যেভাবে করে, সেভাবে রঙকে sRGB বা Display P3-এর ভেতরে আনে। | |
nuiContrastমেথড | (color, background) => number | ব্যাকগ্রাউন্ডের ওপর একটি রঙের WCAG 2 কনট্রাস্ট অনুপাত। |