FeedbackPulse

Asks one question in place, for measuring how a change landed without sending the reader to a survey. It is deliberately small and skippable: one question, an optional comment, and a timeout that dismisses it if the reader ignores it.

Source · Storybook

PreviewCode

Usage

import { Button } from '@wallarm-org/design-system/Button';
import { FeedbackPulse } from '@wallarm-org/design-system/FeedbackPulse';

Examples

Rating

The rating scale on its own. Keep the question to something a single scale can honestly answer.

import { FeedbackPulse } from '@wallarm-org/design-system/FeedbackPulse';

export const Rating = () => (
  <div style={{ minHeight: '100vh' }}>
    <FeedbackPulse
      open
      onOpenChange={onOpenChange}
      onSubmit={onSubmit}
      data-testid='feedback-pulse'
    />
  </div>
);

Open in Storybook

Props

Prop	Type	Default
open *	`boolean`
onOpenChange *	`(open: boolean, reason?: FeedbackPulseCloseReason \| undefined) => void`
onSubmit *	`(result: { score: number; comment?: string \| undefined; }) => void`
question	`string \| undefined`	`DEFAULT_QUESTION`
scaleLabels	`readonly [string, string] \| undefined`	`DEFAULT_LABELS`
showComment	`boolean \| undefined`	`true`
dismissDuration	`number \| undefined`	`DEFAULT_DISMISS_MS`
confirmationText	`string \| undefined`	`DEFAULT_CONFIRMATION`
data-testid	`string \| undefined`

#FeedbackPulse

#Usage

#Examples

#Rating

#Props

FeedbackPulse

Usage

Examples

Rating

Props