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

Sheet

Side-panel dialog with slide animation.

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

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

API

Backdropcomponente

                        Backdrop(props: SheetBackdropProps): Element
                      

Propiedades

class?
string
style?
string | CSSProperties

Ver código fuente

Closecomponente

                        Close(props: SheetCloseProps): Element
                      

Propiedades

ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

Contentcomponente

                        Content(props: SheetContentProps): 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

                        Description(props: SheetDescriptionProps): Element
                      

Propiedades

class?
string

hijos: Element

Ver código fuente

Portalcomponente

                        Portal(props: SheetPortalProps): Element
                      

hijos: Element

Ver código fuente

Rootcomponente

                        Root(props: SheetRootProps): Element
                      

Propiedades

class?
string
defaultOpen?
boolean — Default open state (uncontrolled).
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void — Called when open state change is requested.
open?
Accessor<boolean> — Controlled open state.
side?
SheetSide — Which side the sheet slides in from. Default: "right".

hijos: Element

Ver código fuente

SheetBackdropPropsinterfaz

Propiedades

class?
string
style?
string | CSSProperties

Ver código fuente

SheetClosePropsinterfaz

Propiedades

ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

SheetContentPropsinterfaz

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

SheetDescriptionPropsinterfaz

Propiedades

class?
string

hijos: Element

Ver código fuente

SheetPortalPropsinterfaz

hijos: Element

Ver código fuente

SheetRootPropsinterfaz

Propiedades

class?
string
defaultOpen?
boolean — Default open state (uncontrolled).
onOpenChange?
(open: boolean, details: ChangeDetails<DisclosureReason>) => void — Called when open state change is requested.
open?
Accessor<boolean> — Controlled open state.
side?
SheetSide — Which side the sheet slides in from. Default: "right".

hijos: Element

Ver código fuente

SheetTitlePropsinterfaz

Propiedades

class?
string

hijos: Element

Ver código fuente

SheetTriggerPropsinterfaz

Propiedades

ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente

Titlecomponente

                        Title(props: SheetTitleProps): Element
                      

Propiedades

class?
string

hijos: Element

Ver código fuente

Triggercomponente

                        Trigger(props: SheetTriggerProps): Element
                      

Propiedades

ref?
(el: HTMLButtonElement) => void

hijos: Element

Ver código fuente