PopoverTrigger
interfaz Desde 1.5.0
Atributos del disparador propio de <MeekoPopover>, el parámetro trigger del snippet anchor.
Cada clave es el nombre del atributo, así que el objeto sirve tal cual para bind="trigger", en un
elemento o en un componente propio como <AppButton bind="trigger"> que declare esas props y las
ponga en su botón. <MeekoPopover> encuentra el elemento por su id al montarse y le añade el
teclado y el anclaje.
import type { PopoverTrigger } from "@meekojs/meeko/framework";Código fuente src/app/components/MeekoPopover/types.ts:55
Declaración #
interface PopoverTrigger {
readonly id: string
readonly popovertarget: string | undefined
readonly 'aria-controls': string | undefined
readonly 'aria-expanded': 'true' | 'false' | undefined
readonly 'aria-haspopup': 'menu' | 'dialog' | undefined
readonly 'aria-describedby': string | undefined
}Ejemplo #
<MeekoPopover role="menu">
<snippet name="anchor" params="trigger">
<button type="button" class="avatar" bind="trigger"><img src="/me.png" alt="Mi cuenta"></button>
</snippet>
<button role="menuitem">Perfil</button>
</MeekoPopover>Propiedades #
id
#
readonly id: stringid del disparador: <MeekoPopover> lo busca con él para anclar el contenido.
popovertarget
#
readonly popovertarget: string | undefinedpopovertarget para un <button>: abre y cierra el contenido sin JavaScript. Sin valor con mode="hint".
aria-controls
#
readonly 'aria-controls': string | undefinedaria-controls: el id del contenido. Sin valor con mode="hint".
aria-expanded
#
readonly 'aria-expanded': 'true' | 'false' | undefinedaria-expanded: "true" mientras el contenido está abierto. Sin valor con mode="hint".
aria-haspopup
#
readonly 'aria-haspopup': 'menu' | 'dialog' | undefinedaria-haspopup según role: "menu" o "dialog".
aria-describedby
#
readonly 'aria-describedby': string | undefinedaria-describedby de un tooltip (mode="hint"): el id del contenido.