componente · @solu30/ui-kit/feedback

PopoverTrigger

Lo que abre el popover. Con asChild cede su elemento y COMPONE el ref del hijo en vez de pisarlo: <PopoverTrigger asChild><button ref={miRef} /></PopoverTrigger> deja miRef.current con el nodo. Hasta 4.14.0 se perdía en silencio y había que envolver el disparador sólo para poder medirlo.

75 sitios de import en 7 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

TheCharterPanel
cmp-packages
dietaly
elliot
gestorsalon
luigi
raquetea

La parte, adentro de su padre

Cargando el espécimen…

export function PopoverMatrix() {
  return (
    <Stage label="Popover · 4 posiciones, no modal" tall wide>
      <PopoverPosiciones />
    </Stage>
  )
}

De specimens/feedback.tsx · PopoverMatrix: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.

PopoverTrigger es una parte de Popover: sola no significa nada. Así que el escenario monta el padre completo, y lo que se ve incluye más piezas que la de esta ficha.

Cómo se usa

import { PopoverTrigger } from '@solu30/ui-kit/feedback'

Props

2 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
asChild	opcional	`boolean`	If true, merges props into the child element instead of wrapping
children	sí	`React__default.ReactNode`	—

Ejemplo del paquete

<Popover>
  <PopoverTrigger asChild><Button variant="secondary">Filtros</Button></PopoverTrigger>
  <PopoverContent side="bottom">…</PopoverContent>
</Popover>

Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.