Dialog API · Needless UI

ઇમ્પોર્ટ

import-dialog.ts

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

NuiDialog

નેટિવ <dialog> ને Needless UI ડાયલૉગમાં ફેરવે છે.

સિલેક્ટર: dialog[nuiDialog]
એક્સપોર્ટ નામ: nuiDialog

NuiDialog: પ્રોપર્ટીઝ
નામ	પ્રકાર	ડિફૉલ્ટ	વર્ણન
`open`દ્વિમાર્ગી	`boolean`	`false`	ડાયલૉગ ખુલ્લો છે કે નહીં. તેને `[(open)]` વડે બાઇન્ડ કરો.
`modal`ઇનપુટ	`boolean`	`true`	બૅકડ્રોપ સાથે અને પાછળના પેજને નિષ્ક્રિય કરીને, મોડલ તરીકે ખૂલે છે.
`dismissible`ઇનપુટ	`boolean`	`true`	Escape અને બૅકડ્રોપ પરની ક્લિક ડાયલૉગને બંધ કરે છે કે નહીં.
`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: પ્રોપર્ટીઝ
નામ	પ્રકાર	ડિફૉલ્ટ	વર્ણન
`nuiDialogClose`ઇનપુટ	`string`	`''`	ડાયલૉગ જે મૂલ્ય સાથે બંધ થાય છે તે; `(closed)` તેને એમિટ કરે છે.