BetaBeta pública — Consulta las notas de lanzamiento
Solidiom
Comenzar
Documentación

Popover

Non-modal floating content panel.

Paquete
@solidiom/popover
Versión
0.0.1-next.0
Estado
stable

Generado a partir del código fuente público del paquete.

API

Anchorcomponente

@solidiom/popover — Headless popover primitive with dismiss behavior and focus trapping. Parts: Root, Trigger, Content, Close, Anchor.

                        Anchor(props: PopoverAnchorProps): Element

Propiedades

ref?
(el: HTMLElement) => void

hijos: Element

Ver código fuente

Closecomponente

@solidiom/popover — Headless popover primitive with dismiss behavior and focus trapping. Parts: Root, Trigger, Content, Close, Anchor.

                        Close(props: PopoverCloseProps): Element

Propiedades

class?
string
ref?
(el: HTMLButtonElement) => void
style?
string | CSSProperties

hijos: Element

Ver código fuente

Contentcomponente

@solidiom/popover — Headless popover primitive with dismiss behavior and focus trapping. Parts: Root, Trigger, Content, Close, Anchor.

                        Content(props: PopoverContentProps): Element

Propiedades

class?
string
ref?
(el: HTMLDivElement) => void
style?
string | CSSProperties
trapFocus?
boolean — Disable focus trapping. Default: true (trapping enabled when modal).

hijos: Element

Ver código fuente

PopoverAnchorPropsinterfaz

Props for the popover anchor element.

Propiedades

ref?
(el: HTMLElement) => void

hijos: Element

Ver código fuente

PopoverClosePropsinterfaz

Props for the popover close button.

Propiedades

class?
string
ref?
(el: HTMLButtonElement) => void
style?
string | CSSProperties

hijos: Element

Ver código fuente

PopoverContentPropsinterfaz

Props for the popover content panel.

Propiedades

class?
string
ref?
(el: HTMLDivElement) => void
style?
string | CSSProperties
trapFocus?
boolean — Disable focus trapping. Default: true (trapping enabled when modal).

hijos: Element

Ver código fuente

PopoverRootPropsinterfaz

Props for the popover root provider.

Propiedades

defaultOpen?
boolean — Default open state (uncontrolled).
modal?
boolean — Whether the popover is modal (traps focus). Default: false.
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void — Called when open state change is requested.
open?
Accessor<boolean> — Controlled open state.
positioning?
PositioningPort — Positioning adapter for floating placement.

hijos: Element

Ver código fuente

PopoverTriggerPropsinterfaz

Props for the popover trigger button.

Propiedades

class?
string
ref?
(el: HTMLButtonElement) => void
style?
string | CSSProperties

hijos: Element

Ver código fuente

PositioningPortinterfaz

Positioning adapter port injected by the consumer.

Propiedades

update
(reference: HTMLElement, floating: HTMLElement) => void | () => void — Compute and apply position styles to the content element.

Ver código fuente

Rootcomponente

@solidiom/popover — Headless popover primitive with dismiss behavior and focus trapping. Parts: Root, Trigger, Content, Close, Anchor.

                        Root(props: PopoverRootProps): Element

Propiedades

defaultOpen?
boolean — Default open state (uncontrolled).
modal?
boolean — Whether the popover is modal (traps focus). Default: false.
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void — Called when open state change is requested.
open?
Accessor<boolean> — Controlled open state.
positioning?
PositioningPort — Positioning adapter for floating placement.

hijos: Element

Ver código fuente

Triggercomponente

@solidiom/popover — Headless popover primitive with dismiss behavior and focus trapping. Parts: Root, Trigger, Content, Close, Anchor.

                        Trigger(props: PopoverTriggerProps): Element

Propiedades

class?
string
ref?
(el: HTMLButtonElement) => void
style?
string | CSSProperties

hijos: Element

Ver código fuente