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

Navigation Menu

A top-level navigation component with accessible dropdown sub-menus.

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

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

API

Contentcomponente

                        Content(props: NavigationMenuContentProps): Element

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

Itemcomponente

                        Item(props: NavigationMenuItemProps): Element

Propiedades

class?
string
style?
string | CSSProperties
value
string — Unique value for this navigation item.

hijos: Element

Ver código fuente

Linkcomponente

                        Link(props: NavigationMenuLinkProps): Element

Propiedades

active?
boolean — Whether this link represents the current page.
class?
string
href?
string — Link href.
onClick?
(e: MouseEvent) => void — Called on click.
style?
string | CSSProperties

hijos: Element

Ver código fuente

Listcomponente

                        List(props: NavigationMenuListProps): Element

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

NavigationMenuContentPropsinterfaz

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

NavigationMenuItemPropsinterfaz

Propiedades

class?
string
style?
string | CSSProperties
value
string — Unique value for this navigation item.

hijos: Element

Ver código fuente

NavigationMenuLinkPropsinterfaz

Propiedades

active?
boolean — Whether this link represents the current page.
class?
string
href?
string — Link href.
onClick?
(e: MouseEvent) => void — Called on click.
style?
string | CSSProperties

hijos: Element

Ver código fuente

NavigationMenuListPropsinterfaz

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

NavigationMenuRootPropsinterfaz

Propiedades

aria-label?
string — Accessible label for the nav element.
class?
string
defaultValue?
string — Default active item value (uncontrolled).
delayDuration?
number — Delay for pointer intent (ms). Default 200.
onValueChange?
(value: string) => void — Called when active value changes.
orientation?
"horizontal" | "vertical" — Orientation of the navigation bar. Default "horizontal".
positioning?
PositioningPort — Optional positioning adapter for dropdown panels.
style?
string | CSSProperties
value?
Accessor<string | undefined> — Controlled active value.

hijos: Element

Ver código fuente

NavigationMenuTriggerPropsinterfaz

Propiedades

class?
string
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

                        Root(props: NavigationMenuRootProps): Element

Propiedades

aria-label?
string — Accessible label for the nav element.
class?
string
defaultValue?
string — Default active item value (uncontrolled).
delayDuration?
number — Delay for pointer intent (ms). Default 200.
onValueChange?
(value: string) => void — Called when active value changes.
orientation?
"horizontal" | "vertical" — Orientation of the navigation bar. Default "horizontal".
positioning?
PositioningPort — Optional positioning adapter for dropdown panels.
style?
string | CSSProperties
value?
Accessor<string | undefined> — Controlled active value.

hijos: Element

Ver código fuente

Triggercomponente

                        Trigger(props: NavigationMenuTriggerProps): Element

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente