Rate cards

Included variants

• Reliability gauge
• Accuracy gauge
• Autonomy gauge
• Empty
• Loading

In Ciele

Use the workspace imports shown above inside Ciele. App components use the shared Tailwind tokens in globals.css. For another project, adapt the imports and bring the dependencies listed in the source.

Select one rate at a time. These are variants of one complete block: each gauge represents a different rate, while the frame, supporting counts and empty/loading states share the RateCard implementation.