Sidebar

Collapsible application sidebar navigation panel.

Paquete: @solidiom/sidebar
Versión: 0.6.0
Estado: experimental

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

API

`Content`componente

                        Content(props: SidebarContentProps): Element

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

                        Footer(props: SidebarFooterProps): Element

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Header`componente

                        Header(props: SidebarHeaderProps): Element

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Panel`componente

                        Panel(props: SidebarPanelProps): Element

Propiedades

aria-label?: string — Accessible label for the navigation landmark.
class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Rail`componente

                        Rail(props: SidebarRailProps): Element

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Root`componente

                        Root(props: SidebarRootProps): Element

Propiedades

collapsedWidth?: string — Width when collapsed.
collapsible?: boolean — Whether the sidebar can be collapsed.
defaultOpen?: boolean — Default open state (uncontrolled).
disabled?: boolean — Disable all interactions.
expandedWidth?: string — Width when expanded.
onOpenChange?: (open: boolean) => void — Called when open/collapsed state changes.
open?: Accessor<boolean> — Controlled open state.
side?: "left" | "right" — Which side the sidebar is on.

hijos: Element

Ver código fuente

`SidebarContentProps`interfaz

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`SidebarFooterProps`interfaz

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`SidebarHeaderProps`interfaz

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`SidebarPanelProps`interfaz

Propiedades

aria-label?: string — Accessible label for the navigation landmark.
class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`SidebarRailProps`interfaz

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`SidebarRootProps`interfaz

Propiedades

collapsedWidth?: string — Width when collapsed.
collapsible?: boolean — Whether the sidebar can be collapsed.
defaultOpen?: boolean — Default open state (uncontrolled).
disabled?: boolean — Disable all interactions.
expandedWidth?: string — Width when expanded.
onOpenChange?: (open: boolean) => void — Called when open/collapsed state changes.
open?: Accessor<boolean> — Controlled open state.
side?: "left" | "right" — Which side the sidebar is on.

hijos: Element

Ver código fuente

`SidebarTriggerProps`interfaz

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Trigger`componente

                        Trigger(props: SidebarTriggerProps): Element

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

API

#Contentcomponente

Propiedades

#Footercomponente

Propiedades

#Headercomponente

Propiedades

#Panelcomponente

Propiedades

#Railcomponente

Propiedades

#Rootcomponente

Propiedades

#SidebarContentPropsinterfaz

Propiedades

#SidebarFooterPropsinterfaz

Propiedades

#SidebarHeaderPropsinterfaz

Propiedades

#SidebarPanelPropsinterfaz

Propiedades

#SidebarRailPropsinterfaz

Propiedades

#SidebarRootPropsinterfaz

Propiedades

#SidebarTriggerPropsinterfaz

Propiedades

#Triggercomponente

Propiedades

`Content`componente

`Footer`componente

`Header`componente

`Panel`componente

`Rail`componente

`Root`componente

`SidebarContentProps`interfaz

`SidebarFooterProps`interfaz

`SidebarHeaderProps`interfaz

`SidebarPanelProps`interfaz

`SidebarRailProps`interfaz

`SidebarRootProps`interfaz

`SidebarTriggerProps`interfaz

`Trigger`componente