UEI Preset Operator

CompletionBadge Reference

Consulte esta subpágina para ver import, available props, exemplo de uso e controles vivos do component.

Comece por `atoms` e avance para níveis maiores só quando a capacidade realmente precisar de composição.

Atoms

Molecules

Organisms

Templates

Back to molecules

Circular progress badge used for stage completion percentages.

Use when: Use for operational progress status, not as a generic badge replacement.

Import

import { CompletionBadge } from "@components/index";

Example

<CompletionBadge percentage={57} />

Available Props

percentagenumber

Rendered completion value.

Live Preview

57%

Controls

25%

57%

100%