PlumaBadge renders a numeric label to indicate the quantity of an item or content.

Usage

import { PlumaTestHelpers } from '@customerio/pluma-components/react/test-helpers/pluma-test-helpers'

const badge = PlumaTestHelpers.extract('Badge', screen.getByTestId('data-test-badge'));

Test Helpers

Gets whether the badge is in emphasized variant

Gets whether the badge is in outlined variant

Gets the text content of the badge

Whether the badge text matches the expected text

On this page