Alert
Alerts display important messages with color-coded severity levels. Use InsightCard for clinical contexts with the left accent bar pattern.
Clinical Insights
InsightCard provides severity-based styling for medical contexts.
Patient Information
Drug Interaction
Critical Lab Value
Treatment Response
Expand / Collapse
Cards are collapsed by default, showing only the title. Click the title or chevron to expand. Use defaultExpanded to start open.
Collapsed by default
Expanded by default
This card starts open because defaultExpanded is true.
With Citations
Medication Dosage
Consider reducing metformin dose due to renal function.
UpToDateFDA Label
Color Reference
See the full Colors page for complete insight color documentation including dark mode values.
Info#4A7A8C
Warning#D9A036
Critical#C24E42
Positive#388E3C
Base Alert
The underlying shadcn/ui Alert component. Use for non-clinical system messages.
Default
Standard informational message.
Destructive
Error or critical failure message.
InsightCard Props
| Prop | Type | Default | Description |
|---|---|---|---|
type | "info" | "warning" | "critical" | "positive" | — | Severity level determining color scheme |
title | string | — | Title of the insight |
content | string | — | Main content/description |
citations | string[] | [] | Optional source citations |
defaultExpanded | boolean | false | Whether the card starts expanded |