`MeekoPopoverProps`

interfaz Desde 1.5.0

Props de la etiqueta propia <MeekoPopover>: un contenido en la capa superior (popover), anclado a su disparador con CSS anchor positioning (con un cálculo en JavaScript donde el navegador no lo tiene). El modelo por defecto (model="open") es la señal de apertura y on:toggle emite { open }. El editor muestra estas props en el hover de la etiqueta y lleva aquí con «Ir a definición». Se autoimporta en app/ y en los componentes, como MeekoLinkProps.

import type { MeekoPopoverProps } from "@meekojs/meeko/framework";

Código fuente src/framework.ts:444

Declaración #

interface MeekoPopoverProps extends PopoverProps {}

Ejemplo #

meeko

<!-- app/components/ActionsMenu.meeko: un menú que recibe dónde se abre -->
<script lang="ts">
const props = defineProps<{ placement?: MeekoPopoverProps["placement"] }>();
</script>
<template>
  <MeekoPopover role="menu" bind:placement="props.placement">
    <snippet name="trigger">Acciones</snippet>
    <button role="menuitem">Archivar</button>
  </MeekoPopover>
</template>

Véase también #

Popover: <MeekoPopover> Componentes y API

Contenidos

`MeekoPopoverProps`

Declaración #

Ejemplo #

Véase también #

¿Te sirvió esta página?