CohortComparison
BlocksCompare up to five cohorts across four tabs with comparison charts, retention heatmaps, and tables.
Display inline status badges with five color variants and an optional status dot.
bun add @reopt-ai/opt-uiimport { Badge } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
Compare up to five cohorts across four tabs with comparison charts, retention heatmaps, and tables.
Present an item or product with tags, author information, content, and reviews.
Browse a marketplace card grid with search, tab filters, and sorting.
Build user profiles with avatars, metrics, gauges, progress indicators, tables, and filters.
Display keyboard shortcuts as inline key badges.
Show a metric with its value, change, and supporting description. Omit the change row when no comparison is available.
Navigate child elements in two dimensions with arrow keys using a Composite container.
Group actions in a toolbar with buttons, separators, and tooltips.
Indicate loading in three sizes, with an aria-hidden mode for decorative use.
Reserve space while loading with text, circular, rectangular, and preset skeleton components.