امپورٹ
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 | رنگ کو sRGB یا Display P3 کے اندر لاتا ہے، جیسے CSS کرتا ہے۔ | |
nuiContrastمیتھڈ | (color, background) => number | کسی بیک گراؤنڈ پر رنگ کا WCAG 2 کنٹراسٹ تناسب۔ |