Components
AbbreviateNumberActionLinkAdaptiveCardAffixAuthorityCheckCalendarViewChartConfirmDialogContainerCustomFormatInputDataTableDebounceInputDoubleSidedImageEllipsisButtonGanttChartGrowShrinkValueIconTextImageGalleryLoadingMasonryMediaSkeletonNavToggleNumericInputOtpInputPasswordInputPatternInputRegionMapRichTextEditorSegmentItemOptionStickyFooterSyntaxHighlighterUsersAvatarGroup
GrowShrinkValue
GrowShrinkValue designed to display a numeric value that can indicate growth or shrinkage.
Basic
21.12%$-0.48
Icon
+21.12%-21.12%
CustomClass
1.68-1.68
API
GrowShrinkValue
| Prop | Description | Type | Default |
|---|---|---|---|
| showIcon | Whether to display up or down icon | boolean | true |
| prefix | Render a prefix content before the value | string | ReactNode | - |
| suffix | Render a suffix content next to the value | string | ReactNode | - |
| positiveIcon | An icon or content to display when the value is positive | string | ReactNode | '^' |
| negativeIcon | An icon or content to display when the value is negative | string | ReactNode | 'v' |
| positiveClass | Custom CSS class to apply when the value is positive. | string | - |
| negativeClass | Custom CSS class to apply when the value is negative. | string | - |
| value | The numeric value to be displayed. | number | 0 |