Charts
uiCategories.dataContent.components.showcases.chart.description
Installation
Import
Usage
uiCategories.dataContent.components.showcases.chart.usage
Design Guidelines
uiCategories.dataContent.components.showcases.chart.designGuidelines
uiCategories.dataContent.components.showcases.chart.examples.lineChart.title
uiCategories.dataContent.components.showcases.chart.examples.lineChart.description
uiCategories.dataContent.components.showcases.chart.examples.barChart.title
uiCategories.dataContent.components.showcases.chart.examples.barChart.description
uiCategories.dataContent.components.showcases.chart.examples.stackedBarChart.title
uiCategories.dataContent.components.showcases.chart.examples.stackedBarChart.description
uiCategories.dataContent.components.showcases.chart.examples.areaChart.title
uiCategories.dataContent.components.showcases.chart.examples.areaChart.description
uiCategories.dataContent.components.showcases.chart.examples.multipleSeries.title
uiCategories.dataContent.components.showcases.chart.examples.multipleSeries.description
uiCategories.dataContent.components.showcases.chart.examples.composedChart.title
uiCategories.dataContent.components.showcases.chart.examples.composedChart.description
uiCategories.dataContent.components.showcases.chart.examples.pieChart.title
uiCategories.dataContent.components.showcases.chart.examples.pieChart.description
uiCategories.dataContent.components.showcases.chart.examples.scatterChart.title
uiCategories.dataContent.components.showcases.chart.examples.scatterChart.description
uiCategories.dataContent.components.showcases.chart.examples.radarChart.title
uiCategories.dataContent.components.showcases.chart.examples.radarChart.description
uiCategories.dataContent.components.showcases.chart.examples.radialBarChart.title
uiCategories.dataContent.components.showcases.chart.examples.radialBarChart.description
ChartContainer
uiCategories.dataContent.components.showcases.chart.composedComponents.chartContainer.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
config | ChartConfig | - | uiCategories.dataContent.components.showcases.chart.composedComponents.chartContainer.props.config.description |
id | string | undefined | uiCategories.dataContent.components.showcases.chart.composedComponents.chartContainer.props.id.description |
className | string | — | packages.commonProps.className.description |
ChartTooltip
uiCategories.dataContent.components.showcases.chart.composedComponents.chartTooltip.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
className | string | — | packages.commonProps.className.description |
ChartTooltipContent
uiCategories.dataContent.components.showcases.chart.composedComponents.chartTooltipContent.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
indicator | "dot" | "line" | "dashed" | "dot" | uiCategories.dataContent.components.showcases.chart.composedComponents.chartTooltipContent.props.indicator.description |
hideLabel | boolean | false | uiCategories.dataContent.components.showcases.chart.composedComponents.chartTooltipContent.props.hideLabel.description |
hideIndicator | boolean | false | uiCategories.dataContent.components.showcases.chart.composedComponents.chartTooltipContent.props.hideIndicator.description |
className | string | — | packages.commonProps.className.description |
packages.sections.api
Component props and API reference This component supports common style props for spacing, layout, flexbox, grid, and more. Style props export common Tailwind classes as props to help in building consistent UI. For detailed documentation and examples, see the Style Props documentation.
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
config | ChartConfig | - | uiCategories.dataContent.components.showcases.chart.props.config.description |
id | string | undefined | uiCategories.dataContent.components.showcases.chart.props.id.description |
children | React.ReactNode | - | uiCategories.dataContent.components.showcases.chart.props.children.description |
className | string | — | packages.commonProps.className.description |