# Matchup — Detent

> Two things compared in a sentence and drawn as one shape: each side of it wears the colour of whoever leads there, and the bigger the petal, the bigger the lead.

Canonical: https://detentui.com/components/radar
Last updated: 2026-11-10

## About

Two things compared in a sentence and drawn as one shape: each side of it wears the colour of whoever leads there, and the bigger the petal, the bigger the lead.

## Details

- The sentence names both and says what each one takes, in their colours, so it needs no legend.
- One shape, everything either of them reaches. Each stretch of its edge takes the colour of whoever is ahead there, and where the lead changes hands it changes colour exactly at the crossing.
- Each quality is named once, in the colour of whoever has it. The numbers stay out of the way: point at a quality and the sentence gives the margin and both readings.
- Choose any two from the list and the shape springs to the new pair rather than swap.

## Install

```bash
npx shadcn add https://detentui.com/r/radar
```

## Related
- [All components](https://detentui.com/components)
- [Pro](https://detentui.com/pro)