Radar

Learn how to apply styles to your Radar component in Recharts

Installation

No installation is required for the Radar component. You can use it directly in your project.

Usage

Import the <Radar /> component from the recharts library and the area styles from @tailus/themer.

import { Radar } from 'recharts';
import { area } from "@tailus/themer";

To change the color of the <Radar /> component, set the fill prop to currentColor and apply the area styles to the className prop.

<Radar 
    className={area({ intent: "primary" })}
    fill="currentColor"
    stroke="currentColor"
    name="Mike"
    dataKey="A"
/>

Reference

Although we didn’t create a custom Radar component, you can change the component’s color using the intent variant of the area styles.

Prop
Type
Default
intent
enum
primary

Examples

See more examples on the RadarChart page