BarChartBarChart component

UX Guidelines

Dev

UsageCode Example

<BarChart segments={[{title: 'Tesla Model S', value: 100, color: Colors.red20}]}/>

APIThis is the list of additional props for the component

buttonProps

ButtonProps

Bar Chart link button props

changeRate

number

Percentage of change

color

string

Background color of a segment. Default is primary

onPress

() => void

A callback for when pressing the right chevron button

size

'Small' | 'Medium' | 'Large'

Size of the chart segments. Default is Medium

title

string

The component's title

value

number

Percentage value of a segment