Kebab (<b:kebab />)

<b:kebab> are similar to DropMenu and support the same feature set.

Basic usage

Kebabs are rendered as three vertical dots and will show a overflow menu when clicked. The example below shows both the kebab menu, and what it looks like if it's content is disabled by setting content-disabled="true":

Live preview



Using the Kebab in a Navbar

It's also possible to use the Kebab in a Navbar, you may need to use the fluid="true" option in the navBar tag for its correct positioning:

Live preview


Reference section

Attribute Default value Description
auto-update
autoUpdate (alternative writing)
false Setting this flag updates the widget on every AJAX request.
binding (none) An EL expression referring to a server side UIComponent instance in a backing bean.
content-disabled
contentDisabled (alternative writing)
false Enables or disables every child element of this container. By default, child elements are enabled.
id (none) Unique identifier of the component in a namingContainer.
rendered false Boolean value to specify the rendering of the component, when set to false the component will not be rendered.
style (none) Inline style of the input element.
style-class
styleClass (alternative writing)
(none) Style class of this element.
  • none.