Needless UI

کمپوننٹس

Popover

بٹن کے ساتھ تیرتے پینلز، اور ہوور پر بھرپور ٹول ٹپس۔

امپورٹ

import-popover.ts
import {
  NuiHovercard,
  NuiHovercardTrigger,
  NuiPopover,
  NuiPopoverTrigger,
} from '@needless-ui/angular/popover';

NuiPopover

ایک نیٹو پاپ اوور، جو اسے کھولنے والے ایلیمنٹ کے ساتھ رکھا جاتا ہے۔

سلیکٹر
[nuiPopover]
ایکسپورٹ نام
nuiPopover
نامٹائپڈیفالٹتفصیل
sideان پٹ'top' | 'bottom' | 'start' | 'end''bottom'ٹریگر کی وہ سمت جس پر یہ کھلتا ہے۔ جگہ نہ ہو تو دوسری طرف پلٹ جاتا ہے۔
alignان پٹ'start' | 'center' | 'end''start'اس سمت کے ساتھ ساتھ یہ ٹریگر سے کیسے الائن ہوتا ہے۔
offsetان پٹnumber8ٹریگر اور پینل کے درمیان فاصلہ، پکسل میں۔
arrowان پٹbooleanfalseٹریگر کی طرف اشارہ کرتا ایک ایرو دکھاتا ہے۔
enterان پٹNuiEnterیہ کیسے نمودار ہوتا ہے: zoom، fade، drop، rise، unfold، flip، swing، slide یا none۔
motionان پٹNuiMotionوہ اسپرنگ جس کے ساتھ یہ حرکت کرتا ہے: snappy، bouncy، jelly، elastic، lazy، mechanical یا none۔
springان پٹNuiSpringکوئی بھی اسپرنگ، { stiffness, damping, mass } کی صورت میں، جو رن ٹائم پر CSS میں کمپائل ہوتا ہے۔ یہ motion کو اوور رائیڈ کرتا ہے۔
cornersان پٹNuiCornersاس کے کونوں کی شکل: round، squircle، bevel، scoop، notch یا square۔
radiusان پٹNuiRadiusاس کے کونے کتنے بڑے ہیں: none، small، medium، large یا full۔
densityان پٹNuiDensityیہ کتنی جگہ لیتا ہے: compact، regular یا roomy۔
openChangeآؤٹ پٹbooleanکھلنے یا بند ہونے پر ایمٹ کرتا ہے۔
showمیتھڈ(anchor: HTMLElement) => voidاسے کسی بھی ایلیمنٹ کے ساتھ کھولتا ہے۔
hideمیتھڈ() => voidاسے بند کرتا ہے۔

کسٹمائزیشن کے جو ان پٹس آپ سیٹ نہ کریں، وہ قریب ترین data-nui-* ایٹریبیوٹ کی پیروی کرتے ہیں۔ کسٹمائزیشن گائیڈ دیکھیں۔

NuiPopoverTrigger

ایک بٹن جو نیٹو popovertarget کے ذریعے پاپ اوور کھولتا اور بند کرتا ہے۔

سلیکٹر
button[nuiPopoverTrigger]
نامٹائپڈیفالٹتفصیل
nuiPopoverTriggerان پٹNuiPopoverکھولا جانے والا پاپ اوور۔

NuiHovercard

ایک بھرپور ٹول ٹپ جو اپنے ٹریگر کی وضاحت کرتا ہے۔

سلیکٹر
[nuiHovercard]
ایکسپورٹ نام
nuiHovercard
نامٹائپڈیفالٹتفصیل
sideان پٹ'top' | 'bottom' | 'start' | 'end''bottom'ٹریگر کی وہ سمت جس پر یہ کھلتا ہے۔ جگہ نہ ہو تو دوسری طرف پلٹ جاتا ہے۔
alignان پٹ'start' | 'center' | 'end''start'اس سمت کے ساتھ ساتھ یہ ٹریگر سے کیسے الائن ہوتا ہے۔
offsetان پٹnumber8ٹریگر اور کارڈ کے درمیان فاصلہ، پکسل میں۔
arrowان پٹbooleanfalseٹریگر کی طرف اشارہ کرتا ایک ایرو دکھاتا ہے۔
openDelayان پٹnumber500کھلنے سے پہلے ہوور کا وقت، ملی سیکنڈ میں۔ کی بورڈ فوکس اسے فوراً کھولتا ہے۔
closeDelayان پٹnumber300پوائنٹر ہٹنے کے بعد بند ہونے سے پہلے کا وقت، ملی سیکنڈ میں۔
enterان پٹNuiEnterیہ کیسے نمودار ہوتا ہے: zoom، fade، drop، rise، unfold، flip، swing، slide یا none۔
motionان پٹNuiMotionوہ اسپرنگ جس کے ساتھ یہ حرکت کرتا ہے: snappy، bouncy، jelly، elastic، lazy، mechanical یا none۔
springان پٹNuiSpringکوئی بھی اسپرنگ، { stiffness, damping, mass } کی صورت میں، جو رن ٹائم پر CSS میں کمپائل ہوتا ہے۔ یہ motion کو اوور رائیڈ کرتا ہے۔
cornersان پٹNuiCornersاس کے کونوں کی شکل: round، squircle، bevel، scoop، notch یا square۔
radiusان پٹNuiRadiusاس کے کونے کتنے بڑے ہیں: none، small، medium، large یا full۔
densityان پٹNuiDensityیہ کتنی جگہ لیتا ہے: compact، regular یا roomy۔
openChangeآؤٹ پٹbooleanکھلنے یا بند ہونے پر ایمٹ کرتا ہے۔
showمیتھڈ(anchor: HTMLElement) => voidاسے کسی بھی ایلیمنٹ کے ساتھ کھولتا ہے۔
hideمیتھڈ() => voidاسے بند کرتا ہے۔

کسٹمائزیشن کے جو ان پٹس آپ سیٹ نہ کریں، وہ قریب ترین data-nui-* ایٹریبیوٹ کی پیروی کرتے ہیں۔ کسٹمائزیشن گائیڈ دیکھیں۔

NuiHovercardTrigger

ہوور اور کی بورڈ فوکس پر ہوور کارڈ دکھاتا ہے، اور اسے اس ایلیمنٹ کی تفصیل بنا دیتا ہے۔

سلیکٹر
[nuiHovercardTrigger]
نامٹائپڈیفالٹتفصیل
nuiHovercardTriggerان پٹNuiHovercardدکھایا جانے والا ہوور کارڈ۔