Skip to content

[feat]: Create <pf-notification-badge> element #2937

@zeroedin

Description

@zeroedin

Create <pf-notification-badge> element

Reference: Notification badge

Notes to developer:

Prior art in <rh-badge>.

Possible API:

Default

<pf-notification-badge number="0"></pf-notification-badge>

Variants

<pf-notification-badge variant="read | unread | attention" number="0" ></pf-notification-badge>

Expanded (boolean attribute - sets aria-expanded via element internals)

<pf-notification-badge expanded number="10"></pf-notification-badge>

Icon:

<pf-notification-badge number="10" icon="bell" icon-set="patternfly"></pf-notification-badge>

Slotted Icon:

<pf-notification-badge number="10">
  <pf-icon slot="icon" icon="bell" set="patternfly"></pf-icon>
</pf-notification-badge>

Metadata

Metadata

Assignees

No one assigned

    Labels

    1:1Aligning components with PatternFly v4good 1st issueGood for newcomers to the project; requires at least an introductory knowledge of the languagepriority: lowSeverity level: 3

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions