# ContextDonutButton

## What is this component
ContextDonutButton renders the compact circular context-usage trigger used in the composer.

## When to use this component
Use it when context usage needs to be available without consuming toolbar width.

## Where to use this component
Use it in composer control clusters and similar dense action bars.

## Why to use this component
It keeps the donut geometry, hover behavior, and ratio styling in the design system.

## How to use this component
Pass a normalized ratio from 0 to 1 and provide an accessible label.

## Who can use this component
Composer containers and design-system fixtures.

## Best practice
Pair it with Popover content that exposes exact token counts.

## Wrong use cases
Do not use it for detailed analytics. Use ProgressMeter or Chart for inspectable data.

## Tags
composer, context, usage, button, dense
