gestalt
Version:
A set of React UI components which enforce Pinterest's design language
28 lines (27 loc) • 1.58 kB
TypeScript
type Props = {
/**
* Label for screen readers to announce Button. See the [Accessibility guidelines](https://gestalt.pinterest.systems/web/button#ARIA-attributes) for details on proper usage.
*/
accessibilityLabel: string;
/**
* When supplied, will display a numeric counter. See the [Counter](https://gestalt.pinterest.systems/web/sidenavigation#Counter) variant to learn more. Above three digits, the only option to display is "99+".
*/
count?: number;
/**
* Available for testing purposes, if needed. Consider [better queries](https://testing-library.com/docs/queries/about/#priority) before using this prop.
*/
dataTestId?: string;
/**
* Indicator position relative to its parent element. See the [positioning](https://gestalt.pinterest.systems/web/indicator#Positioning) variant to learn more.
*/
position?: 'middle' | 'top';
};
/**
* [Indicator](https://gestalt.pinterest.systems/web/indicator) displays a visual affordance that something has been updated (either with a quantitative number or not)
*
* 
* 
*
*/
export default function Indicator({ accessibilityLabel, count, dataTestId, position, }: Props): import("react/jsx-runtime").JSX.Element;
export {};