Badge Badge allows styling of any button to include the iOS like badge indicator

Features include:
  • Attach to any button field including PrimeFaces Button, LinkButton, CommandButton
  • Style the color of the badge
  • Set position of the badge on the button
  • Set the count of the badge

Components and more
Use Cases
Documentation pe:badge
Attributes (move mouse over the names to see data types)
Name Description
id Unique identifier of the component in a namingContainer.
widgetVar Name of the client side widget.
rendered Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding An el expression referring to a server side UIComponent instance in a backing bean.
color Color of the badge, the default is "red".
position The position of the badge on the button: 'top-left', top-right', 'bottom-left', bottom-right'. Default is 'top-right'.
content The content to diplay in the badge. If null NO badge is displayed.
for The target button using Search Expression framework.
PrimeFaces Extensions Showcase - © 2011-2020, PrimeFaces: 8.0, PrimeFaces Extensions: 8.0.2, JSF: jakarta 2.3.14, Server: jetty/9.4.36.v20210114, Build time: 2020-04-29 13:39