Menu | Bulma-Gomponents

The b.Menu constructor creates a menu.

Child	Action
`b.OnMenu(...any)`	Apply children to the `<aside class="menu">` element
`string`	Add string as a menu label
`b.MenuLabel(...any)`	Add a menu label
`b.MenuEntry(...any)`	Add a menu entry to the current menu list, creating it if it does not exist
`gomponents.Node`of type `gomponents.AttributeType`	Apply attribute to the menu
`gomponents.Node`of type `gomponents.ElementType`	Add element to the current menu list, creating it if it does not exist
`e.Element`	Add element to the current menu list, creating it if it does not exist
Anything else	Apply child to the `<aside class="menu">` element

The b.MenuLabel constructor creates a menu label.

The b.MenuList constructor creates a menu list.

The b.MenuEntry constructor creates a menu entry.

Child	Action
`b.OnLi(...any)`	Apply children to the `<li>` element
`b.MenuEntry(...any)`	Add a menu entry to the current submenu, creating it if it does not exist
`b.MenuSublist(...any)`	Add a submenu to the current menu entry
Anything else	Apply child to the `<li>` element

The b.MenuAHref constructor creates an entry for a menu list with a link wrapped inside it.

Modifier	Action
`b.Active`	Mark the link as active

Child	Action
`b.OnLi(...any)`	Apply children to the `<li>` element
`b.OnA(...any)`	Apply children to the `<a>` element
`e.Class`, `e.Classer`, `e.Classeser` or `e.Styles`	Apply child to the `<li>` element
`gomponents.Node`of type `gomponents.AttributeType`	Apply attribute to the link
`gomponents.Node`of type `gomponents.ElementType`	Add element to the entry
Anything else	Apply child to the `<li>` element

The b.MenuSublist constructor creates a submenu.

When manually adding a link inside a menu entry, add b.Active to it in order to mark it as active.

Bulma examples

Bulma documentation

Example

Code

b.Menu(
	"General",
	e.A("Dashboard"),
	e.A("Customers"),
	"Administration",
	e.A("Team Settings"),
	b.MenuEntry(
		e.A(b.Active, "Manage Your Team"),
		b.MenuEntry(e.A("Members")),
		b.MenuEntry(e.A("Plugins")),
		b.MenuEntry(e.A("Add a member")),
	),
	e.A("Invitations"),
	e.A("Cloud Storage Environment Settings"),
	e.A("Authentication"),
	"Transactions",
	e.A("Payments"),
	e.A("Transfers"),
	e.A("Balance"),
)

ResultHTML

<aside class="menu"><p class="menu-label">General</p><ul class="menu-list"><a>Dashboard</a><a>Customers</a></ul><p class="menu-label">Administration</p><ul class="menu-list"><a>Team Settings</a><li class="menu-list"><a class="is-active">Manage Your Team</a><ul><li class="menu-list"><a>Members</a></li><li class="menu-list"><a>Plugins</a></li><li class="menu-list"><a>Add a member</a></li></ul></li><a>Invitations</a><a>Cloud Storage Environment Settings</a><a>Authentication</a></ul><p class="menu-label">Transactions</p><ul class="menu-list"><a>Payments</a><a>Transfers</a><a>Balance</a></ul></aside>