API Popover · Needless UI

Import

import-popover.ts

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

Popover native sing diselehake ing sandhinge elemen sing mbukak.

NuiPopover: Properti
Jeneng	Jinis	Gawan	Katrangan
`side`Input	`'top' \| 'bottom' \| 'start' \| 'end'`	`'bottom'`	Sisih trigger panggonane kabukak. Malik yen ora ana papan.
`align`Input	`'start' \| 'center' \| 'end'`	`'start'`	Kepriye jejere karo trigger ing sadawane sisih kasebut.
`offset`Input	`number`	`8`	Jarak antarane trigger lan panel, ing piksel.
`arrow`Input	`boolean`	`false`	Nampilake panah sing nuding trigger.
`enter`Input	`NuiEnter`		Kepriye tekane: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` utawa `none`.
`motion`Input	`NuiMotion`		Pegas sing dienggo obah: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` utawa `none`.
`spring`Input	`NuiSpring`		Pegas apa wae, awujud `{ stiffness, damping, mass }`, sing dikompilasi dadi CSS nalika runtime. Nimpa `motion`.
`corners`Input	`NuiCorners`		Wangun pojoke: `round`, `squircle`, `bevel`, `scoop`, `notch` utawa `square`.
`radius`Input	`NuiRadius`		Sepira gedhene pojoke: `none`, `small`, `medium`, `large` utawa `full`.
`density`Input	`NuiDensity`		Sepira akehe papan sing dienggo: `compact`, `regular` utawa `roomy`.
`openChange`Output	`boolean`		Ngetokake nalika kabukak utawa ditutup.
`show`Metode	`(anchor: HTMLElement) => void`		Mbukak ing sandhinge elemen apa wae.
`hide`Metode	`() => void`		Nutup.

Input kustomisasi sing ora panjenengan setel bakal ngetutake attribute data-nui-* sing paling cedhak. Pirsani pandhuan kustomisasi.

Tombol sing mbukak lan nutup popover, nganggo popovertarget native.

NuiPopoverTrigger: Properti
Jeneng	Jinis	Gawan	Katrangan
`nuiPopoverTrigger`Input	`NuiPopover`		Popover sing arep dibukak.

Tooltip jangkep sing nerangake trigger-e.

NuiHovercard: Properti
Jeneng	Jinis	Gawan	Katrangan
`side`Input	`'top' \| 'bottom' \| 'start' \| 'end'`	`'bottom'`	Sisih trigger panggonane kabukak. Malik yen ora ana papan.
`align`Input	`'start' \| 'center' \| 'end'`	`'start'`	Kepriye jejere karo trigger ing sadawane sisih kasebut.
`offset`Input	`number`	`8`	Jarak antarane trigger lan kertu, ing piksel.
`arrow`Input	`boolean`	`false`	Nampilake panah sing nuding trigger.
`openDelay`Input	`number`	`500`	Milidetik hover sadurunge kabukak. Fokus keyboard langsung mbukak.
`closeDelay`Input	`number`	`300`	Milidetik sadurunge ditutup, sawise pointer lunga.
`enter`Input	`NuiEnter`		Kepriye tekane: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` utawa `none`.
`motion`Input	`NuiMotion`		Pegas sing dienggo obah: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` utawa `none`.
`spring`Input	`NuiSpring`		Pegas apa wae, awujud `{ stiffness, damping, mass }`, sing dikompilasi dadi CSS nalika runtime. Nimpa `motion`.
`corners`Input	`NuiCorners`		Wangun pojoke: `round`, `squircle`, `bevel`, `scoop`, `notch` utawa `square`.
`radius`Input	`NuiRadius`		Sepira gedhene pojoke: `none`, `small`, `medium`, `large` utawa `full`.
`density`Input	`NuiDensity`		Sepira akehe papan sing dienggo: `compact`, `regular` utawa `roomy`.
`openChange`Output	`boolean`		Ngetokake nalika kabukak utawa ditutup.
`show`Metode	`(anchor: HTMLElement) => void`		Mbukak ing sandhinge elemen apa wae.
`hide`Metode	`() => void`		Nutup.

Input kustomisasi sing ora panjenengan setel bakal ngetutake attribute data-nui-* sing paling cedhak. Pirsani pandhuan kustomisasi.

Nampilake hovercard nalika hover lan fokus keyboard, lan ndadekake hovercard iku katrangan elemen iki.

NuiHovercardTrigger: Properti
Jeneng	Jinis	Gawan	Katrangan
`nuiHovercardTrigger`Input	`NuiHovercard`		Hovercard sing arep ditampilake.