ActionsDropdown
Renders the menuActions in a dropdown.
Name |
Description |
Type |
Default |
---|---|---|---|
actions |
Collection of actions rendered inside the top right dropdown menu |
ChartCardActions |
- |
id |
Used internally for AA |
string |
- |
ActionsMenu
Renders the menuActions inside a menu.
Name |
Description |
Type |
Default |
---|---|---|---|
actions |
Collection of actions rendered inside the top right dropdown menu |
ChartCardActions |
- |
id |
Used internally for AA |
string |
- |
ChartCardKpi
Renders nested kpi in chart card between title and chart. It compound from HighlightScore and TrendScore
Name |
Description |
Type |
Default |
---|---|---|---|
highlightScore |
Props for main value |
HighlightScoreProps |
- |
trendScore? |
Props for trend |
TrendScoreProps |
- |
ChartState
Renders empty, error and loading state
Name |
Description |
Type |
Default |
---|---|---|---|
empty? |
Determines if empty state should be displayed and if it should display default message or custom one |
boolean | { message: ReactNode } |
- |
error? |
Determines if error state should be displayed and if it should display default message or custom one |
boolean | { message: ReactNode } |
- |
HighlightScore
Renders a highlighted text with some options.
Name |
Description |
Type |
Default |
---|---|---|---|
value |
The main content |
ReactNode |
- |
prefix? |
Prepends a node to the value |
ReactNode |
undefined |
suffix? |
Appends a node to the value |
ReactNode |
undefined |
TrendScore
Renders a score text with some options and a trend arrow
Name |
Description |
Type |
Default |
---|---|---|---|
value |
The main content |
ReactNode |
- |
trend |
The semantic color for the component |
SemanticDatavizColor |
- |
direction? |
The direction of the arrow |
up | down |
undefined |