vote-and-feedback component

[Hrithik-Gavankar]

Description
A reusable component that allows users to provide feedback via upvote or downvote interactions. The component visually indicates user selection and optionally collects additional feedback through modals.

This differs from the existing PatternFly User Feedback extension. That extension is focused on collecting general feedback, reporting bugs, requesting support, or subscribing to updates. The cp-vote-and-feedback component instead targets direct, in-context feedback on page content (e.g., knowledge articles, CVE details).

Variants

1. Basic Upvote

• Users can click the thumbs up icon.
• Icon turns green when selected.
• Clicking the same icon again resets it to the default (unselected) state.

2. Basic Upvote/Downvote

• Users can click thumbs up (green on selected) or thumbs down (red on selected).
• Clicking the same icon again resets it to default.
• Supports both positive and negative feedback.

3. Feedback Modal

• Clicking thumbs up or thumbs down opens a modal for detailed feedback.
• Feedback can be submitted via a submit button.
• An acknowledgement modal appears after submission.
• Ensures richer feedback collection beyond simple votes.

Use Cases & Requirements

• Capture lightweight, contextual feedback directly on content.
• Provide an intuitive voting mechanism with clear state indication.
• Allow optional detailed input via modals.
• Enable feedback reset (undo).

Where it is used today:

• Currently being implemented on cve-details page and security landing pages at access.redhat.com.
• Available as a reusable component in other design systems.

Why needed in PatternFly:

• Provides functionality for content-specific, lightweight feedback not currently available in existing PatternFly components.
• Helps standardise a reusable pattern for voting and feedback across multiple applications.

Why Existing Components Don’t Work

• The User Feedback extension addresses general feedback, bug reports, support requests, and mailing list signups.
• It does not support direct, content-specific voting with immediate visual feedback.
• No existing PatternFly component supports simple voting with optional detailed feedback collection.

Type of Request
New Feature (not an enhancement).