Needless UI

கம்போனென்ட்கள்

Dialog

நேட்டிவ் dialog எலிமென்ட்டில் அமைந்த மோடல் சாளரம்; ஃபோகஸை உலாவியே கையாள்கிறது.

இம்போர்ட்

import-dialog.ts
import {
  NuiDialog,
  NuiDialogActions,
  NuiDialogClose,
  NuiDialogDescription,
  NuiDialogTitle,
} from '@needless-ui/angular/dialog';

NuiDialog

ஒரு நேட்டிவ் <dialog>-ஐ Needless UI டயலாக்காக மாற்றுகிறது.

செலக்டர்
dialog[nuiDialog]
எக்ஸ்போர்ட் பெயர்
nuiDialog
பெயர்வகைஇயல்புநிலைவிளக்கம்
openஇருவழிbooleanfalseடயலாக் திறந்திருக்கிறதா என்பது. இதை [(open)] மூலம் பைண்ட் செய்யுங்கள்.
modalஇன்புட்booleantrueபின்னணித் திரையுடன், பின்னால் உள்ள பக்கத்தைச் செயலற்றதாக்கி, மோடலாகத் திறக்கிறது.
dismissibleஇன்புட்booleantrueEscape-உம் பின்னணிக் கிளிக்குகளும் டயலாக்கை மூடுமா என்பது.
sizeஇன்புட்'sm' | 'md' | 'lg''md'அதிகபட்ச அகலம்: sm (24rem), md (32rem) அல்லது lg (44rem).
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.
closedஅவுட்புட்stringடயலாக் மூடும் ஒவ்வொரு முறையும் ரிட்டர்ன் மதிப்பை வெளியிடுகிறது. எதையும் தேர்வு செய்யாமல் மூடப்பட்டால் அது காலியாக இருக்கும்.
closeமெத்தட்(returnValue?: string) => voidவிருப்பத்தேர்வான ரிட்டர்ன் மதிப்புடன் டயலாக்கை மூடுகிறது.

நீங்கள் அமைக்காமல் விடும் தனிப்பயனாக்க இன்புட்கள், மிக அருகிலுள்ள data-nui-* ஆட்ரிபியூட்டைப் பின்பற்றும். தனிப்பயனாக்க வழிகாட்டியைப் பாருங்கள்.

NuiDialogTitle

டயலாக்கின் தலைப்பு. இதற்கு ஒரு id கிடைக்கிறது; இது டயலாக்கின் aria-labelledby ஆகிறது.

செலக்டர்
[nuiDialogTitle]

NuiDialogDescription

சுருக்கமான விளக்கம்; டயலாக்கின் aria-describedby இதைக் குறிக்கிறது.

செலக்டர்
[nuiDialogDescription]

NuiDialogActions

டயலாக்கின் அடிப்பகுதியில், முடிவுப் பக்கமாகச் சீரமைக்கப்பட்ட பொத்தான்களின் வரிசை.

செலக்டர்
[nuiDialogActions]

NuiDialogClose

கிளிக் செய்யும்போது, தன்னைக் கொண்டுள்ள டயலாக்கை மூடுகிறது.

செலக்டர்
[nuiDialogClose]
பெயர்வகைஇயல்புநிலைவிளக்கம்
nuiDialogCloseஇன்புட்string''டயலாக் மூடும்போது தரும் மதிப்பு; இதை (closed) வெளியிடுகிறது.