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

Dialog

Modal or non-modal overlay window.

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

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

API

Backdropcomponente

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

                        Backdrop(props: DialogBackdropProps): Element

Propiedades

class?
string
style?
string | CSSProperties

Ver código fuente

Closecomponente

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

                        Close(props: DialogCloseProps): Element

Propiedades

ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

Contentcomponente

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

                        Content(props: DialogContentProps): Element

Propiedades

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

hijos: Element

Ver código fuente

Descriptioncomponente

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

                        Description(props: DialogDescriptionProps): Element

Propiedades

class?
string

hijos: Element

Ver código fuente

DialogBackdropPropsinterfaz

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

Propiedades

class?
string
style?
string | CSSProperties

Ver código fuente

DialogClosePropsinterfaz

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

Propiedades

ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

DialogContentPropsinterfaz

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

Propiedades

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

hijos: Element

Ver código fuente

DialogDescriptionPropsinterfaz

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

Propiedades

class?
string

hijos: Element

Ver código fuente

DialogPortalPropsinterfaz

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

hijos: Element

Ver código fuente

DialogRootPropsinterfaz

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

Propiedades

defaultOpen?
boolean — Default open state (uncontrolled).
modal?
boolean — Whether the dialog is modal. Default: true.
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void — Called when open state change is requested.
open?
Accessor<boolean> — Controlled open state.

hijos: Element

Ver código fuente

DialogTitlePropsinterfaz

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

Propiedades

class?
string

hijos: Element

Ver código fuente

DialogTriggerPropsinterfaz

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

Propiedades

ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

Portalcomponente

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

                        Portal(props: DialogPortalProps): Element

hijos: Element

Ver código fuente

Rootcomponente

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

                        Root(props: DialogRootProps): Element

Propiedades

defaultOpen?
boolean — Default open state (uncontrolled).
modal?
boolean — Whether the dialog is modal. Default: true.
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void — Called when open state change is requested.
open?
Accessor<boolean> — Controlled open state.

hijos: Element

Ver código fuente

Titlecomponente

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

                        Title(props: DialogTitleProps): Element

Propiedades

class?
string

hijos: Element

Ver código fuente

Triggercomponente

@solidiom/dialog — Headless modal dialog primitive. Parts: Root, Trigger, Portal, Backdrop, Content, Title, Description, Close.

                        Trigger(props: DialogTriggerProps): Element

Propiedades

ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente