BetaPublic beta — Read the release notes
Solidiom
Get Started
Documentation

Mega Menu

Expanded navigation dropdown with rich multi-column content.

Package
@solidiom/mega-menu
Version
0.6.0
Status
experimental

Generated from the package's public source.

API

Contentcomponent

                        Content(props: MegaMenuContentProps): Element

Props

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

children: Element

View source

Groupcomponent

                        Group(props: MegaMenuGroupProps): Element

Props

class?
string
style?
string | CSSProperties

children: Element

View source

GroupLabelcomponent

                        GroupLabel(props: MegaMenuGroupLabelProps): Element

Props

class?
string
style?
string | CSSProperties

children: Element

View source

Itemcomponent

                        Item(props: MegaMenuItemProps): Element

Props

disabled?
boolean — Disable this item.
value
string — Unique identifier for this item.

children: Element

View source

Linkcomponent

                        Link(props: MegaMenuLinkProps): Element

Props

active?
boolean
class?
string
href
string
style?
string | CSSProperties

children: Element

View source

Listcomponent

                        List(props: MegaMenuListProps): Element

Props

class?
string
style?
string | CSSProperties

children: Element

View source

MegaMenuContentPropsinterface

Props

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

children: Element

View source

MegaMenuGroupLabelPropsinterface

Props

class?
string
style?
string | CSSProperties

children: Element

View source

MegaMenuGroupPropsinterface

Props

class?
string
style?
string | CSSProperties

children: Element

View source

MegaMenuItemPropsinterface

Props

disabled?
boolean — Disable this item.
value
string — Unique identifier for this item.

children: Element

View source

MegaMenuLinkPropsinterface

Props

active?
boolean
class?
string
href
string
style?
string | CSSProperties

children: Element

View source

MegaMenuListPropsinterface

Props

class?
string
style?
string | CSSProperties

children: Element

View source

MegaMenuRootPropsinterface

Props

defaultValue?
string — Default active item value (uncontrolled).
delayDuration?
number — Hover delay in ms before opening. Default: 200.
disabled?
boolean — Disable all menu interactions.
onValueChange?
(value: string) => void — Called when the active item changes.
value?
string — Controlled active item value.

children: Element

View source

MegaMenuTriggerPropsinterface

Props

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

children: Element

View source

Rootcomponent

                        Root(props: MegaMenuRootProps): Element

Props

defaultValue?
string — Default active item value (uncontrolled).
delayDuration?
number — Hover delay in ms before opening. Default: 200.
disabled?
boolean — Disable all menu interactions.
onValueChange?
(value: string) => void — Called when the active item changes.
value?
string — Controlled active item value.

children: Element

View source

Triggercomponent

                        Trigger(props: MegaMenuTriggerProps): Element

Props

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

children: Element

View source