Charts ChartCard

Expandable card component for visually wrapping multiple charts.

Installation

$3

``shell
pnpm add @lg-charts/legend
`

$3

`shell
yarn add @lg-charts/legend
`

$3

`shell
npm install @lg-charts/legend
`

Example

`js
import { ChartCard } from '@lg-charts/chart-card';
import { Chart } from '@lg-charts/core';




;
`

Properties

| Name | Description | Type | Default |
| ---------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ------- |
| title | The title to display in the chart header. | React.ReactNode | |
| defaultOpen _(optional)_ | Defines the default state of the card. | boolean | true |
| isOpen _(optional)_ | Forces the card state. | boolean | |
| onToggleButtonClick _(optional)_ | Callback fired when a user clicks the open/close toggle button. | (event: MouseEventHandler) => void | |
| headerContent _(optional)_ | Content that will be rendered to the right of the title. Useful for adding components such as IconButton's that control functionality in the chart. | React.ReactNode` | |