Common components

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