Bars

default: 'false'

boolean

Adds Loading Animation

glow

default: 'false'

boolean

Adds glow effect to bars

size

default: '50'

number

Size of the bars as percent 0-100

radius

default: '0'

number

Radius of the bars as angle 0-360

position

'top' | 'right' | 'bottom' | 'left'

Required

Positions legend element as row/column depending on option in correct 'slot'

alignment

default: 'center'

'center' | 'start' | 'end'

Aligns the content within legend.

border

default: 'false'

boolean

Adds Border To Graph

horizontal

default: 'false'

boolean

Adds horizontal grid lines to graph

vertical

default: 'false'

boolean

Adds vertical grid lines to graph

title

ReactNode

description

ReactNode

title

ReactNode

description

ReactNode

chart

code

Male

Female

Cookies Sold

10,000

20,000

30,000

40,000

50,000

45K

20K

10K

45K

15K

20K

30K

Jan

Feb

Mar

Apr

Jan

Feb

Mar

Apr

Months

Bars

Examples