opsinjs

Catalogue

Every component id the system has declared, with its category, its release phase and the search synonyms that reach it.

How this is generated

Source: registry/catalogue.ts, which is the single declaration of the id namespace. Script: scripts/build-registry.mts writes lib/generated/catalogue.json; scripts/build-reference.mts renders this page. Command: pnpm run generate.

This is the answer to "does opsinjs have one of these". It is deliberately the most boring page on the site and the one most worth trusting: every id the system will ever resolve appears here, and nothing appears here that is not declared in the catalogue file. Every id declared today is implemented, installable and documented, so there is no row on this page without a page behind it. A row for something specified and not yet built would still appear, with its phase saying so.

Five columns. Component is the kebab-case id, which is the same string used in a URL, in a registry item and in a CLI command, and it is also the docs URL segment for that component's page. Category groups it, and a category beginning health- carries extra obligations, namely a clinical contract section and at least one governing doctrine page. Status is one of the three release phases, and every row reads shipped today. Since is the version an id first shipped under, and no version has been cut yet, so every row reads unreleased and the column distinguishes nothing. Search synonyms are the aliases, which is how "lab result" and "blood pressure" find their way to the right row.

What is deliberately excluded. Parts of compound components are not catalogue entries, so a dialog's panel is documented on the dialog page, not as its own id. Examples and screens have their own registry types and are listed with the registry, not here.

Specified

ComponentCategoryStatusSinceSearch synonyms
result-cardhealth-data-displayshippedunreleasedresults, lab result, test result, report card, blood pressure, a1c
range-barhealth-data-displayshippedunreleasedreference range, normal range, in range, range indicator, gauge bar
score-dialhealth-data-displayshippedunreleaseddial, ring, gauge, score, index, bmi
trend-sparklinehealth-data-displayshippedunreleasedsparkline, trend, over time, mini chart, line chart, chart, graph
metric-tilehealth-data-displayshippedunreleasedstat, kpi, vitals, summary tile, steps, resting heart rate, spo2, tile
status-pillhealth-data-displayshippedunreleasedchip, status chip, status badge, status label, traffic light
timeline-entryhealth-data-displayshippedunreleasedhistory item, event list, activity feed
range-legendhealth-data-displayshippedunreleasedkey, chart legend, band legend
alert-bannerhealth-communicationshippedunreleasedwarning banner, notification banner, inline alert, warning, notification, alert, banner
care-cardhealth-communicationshippedunreleasedwhat to do next, action card, advice card, next steps, guidance card, what to do, advice
termhealth-communicationshippedunreleasedglossary term, jargon, plain word, definition, plain english, tooltip term
consent-sheethealth-communicationshippedunreleasedconsent, permission, opt in, data sharing, agree
disclaimer-notehealth-communicationshippedunreleaseddisclaimer, not medical advice, legal note, small print, safety note
source-citationhealth-communicationshippedunreleasedcitation, evidence link, reviewed by
log-sheethealth-inputshippedunreleasedlog, diary, journal, daily entry, capture, quick entry, bottom sheet entry
reading-inputhealth-inputshippedunreleasedenter a reading, measurement input, numeric entry, manual entry, numeric input, unit switch
body-maphealth-inputshippedunreleasedpain map, anatomy diagram, where does it hurt
valuehealth-formattingshippedunreleasednumber, unit, format a number, numeric display, figure, format, formatted number
relative-timehealth-formattingshippedunreleasedtime ago, timestamp, last updated, date display, ago, freshness, staleness
tabledata-displayshippedunreleaseddata table, grid, rows and columns
badgedata-displayshippedunreleasedcounter, label chip
surfacesurfacesshippedunreleasedmaterial, glass, blur, elevation, layer, translucency, vibrancy
cardsurfacesshippedunreleasedpanel, container, content box, box, tile group
sheetsurfacesshippedunreleasedbottom sheet, drawer, side panel, slide over, modal sheet, detent
dialogsurfacesshippedunreleasedmodal, alert dialog, confirm, popup
calloutfeedbackshippedunreleasedadmonition, note box, info box, tip, note, aside
empty-statefeedbackshippedunreleasedno data, nothing here, zero state, blank slate
skeletonfeedbackshippedunreleasedloading placeholder, shimmer, ghost, loading state, placeholder
segmented-controlnavigationshippedunreleasedsegmented buttons, toggle group
tab-barnavigationshippedunreleasedbottom navigation, nav bar
steppernavigationshippedunreleasedwizard, step indicator, multi step
buttonactions-and-formsshippedunreleasedcta, action, submit, primary button
linkactions-and-formsshippedunreleasedanchor, hyperlink
fieldactions-and-formsshippedunreleasedform field, input wrapper, form control, validation message, label, error message, hint
icon-buttonactions-and-formsshippedunreleasedglyph button, round button
switchactions-and-formsshippedunreleasedtoggle
checkboxactions-and-formsshippedunreleasedtick box, multi select
radio-groupactions-and-formsshippedunreleasedradio buttons, single choice
selectactions-and-formsshippedunreleaseddropdown, picker
number-fieldactions-and-formsshippedunreleasedstepper input, quantity input
textareaactions-and-formsshippedunreleasedlong text, notes input
dividerlayoutshippedunreleasedseparator, rule
avatarutilityshippedunreleasedprofile picture, initials, user image
visually-hiddenutilityshippedunreleasedsr only, screen reader only, clip
goal-ringhealth-data-displayshippedunreleasedactivity ring, close your rings, daily goal
scale-inputhealth-inputshippedunreleasedpain scale, rating scale, likert
dose-trackerhealth-inputshippedunreleasedmedication, pill tracker, dose, adherence tracker
questionnairehealth-inputshippedunreleasedsurvey, assessment, phq, screening form
symptom-pickerhealth-inputshippedunreleasedsymptoms, how are you feeling, symptom checker
toastfeedbackshippedunreleasedsnackbar, transient message, notification toast
progressfeedbackshippedunreleasedprogress bar, completion
spinnerfeedbackshippedunreleasedloader, busy indicator, activity indicator
tooltipoverlayshippedunreleasedhover label
popoveroverlayshippedunreleasedanchored panel, flyout
menuoverlayshippedunreleaseddropdown menu, context menu, overflow menu
tabsnavigationshippedunreleasedtab list, view switcher
accordionnavigationshippedunreleaseddisclosure, expander, collapsible
slideractions-and-formsshippedunreleasedrange input, drag to set
comboboxactions-and-formsshippedunreleasedautocomplete, typeahead, search select
scroll-arealayoutshippedunreleasedscroller, overflow container