The iris bows forward and closes the angle where aqueous drains. Pressure in the eye climbs within hours, threatening the optic nerve: an emergency.
Installation
bunx shadcn@4.22.1 add @organui/acute-angle-closure-glaucomaThis adds acute-angle-closure-glaucoma.tsx, the disease's data and component, to your components directory. It is built on the disease viewer and reuses the models of the eye, which install with it.
Usage
import { AcuteAngleClosureGlaucoma } from "@/components/acute-angle-closure-glaucoma"
export function AcuteAngleClosureGlaucomaDemo() {
return <AcuteAngleClosureGlaucoma />
}Every structure is a finding: affected structures are amber and spared ones muted. Select one, in 3D or in the panel, to read what the disease does there.
Course
Set stage or defaultStage to one of these. Each stage changes which structures are affected and the investigations to expect.
- Attack
"attack"Hours old. Lower the pressure now: acetazolamide, pressure-lowering drops and pilocarpine to pull the iris away from the angle, then laser.
Affects 4 structures of the eye.
- Iridotomy
"iridotomy"The attack is over. A laser hole in the peripheral iris lets aqueous bypass the pupil, the iris flattens and the angle reopens. The other eye is treated too.
Affects 2 structures of the eye.
- Damaged
"glaucomatous"Treatment came late. The angle has scarred shut in places and the optic nerve is damaged; the lost vision does not return.
Affects 4 structures of the eye.
Without Panel
Hide the panel to place the model in your own layout, and choose the scale and stage with props.
Controlled
Drive the stage, scale and selection from your own state, such as a patient's timeline.
API Reference
Import AcuteAngleClosureGlaucomaProps from the same file as AcuteAngleClosureGlaucoma.
| Prop | Type | Default | Description |
|---|---|---|---|
scale | "eye" | — | Control the scale shown. |
defaultScale | "eye" | "eye" | Choose the scale shown first. |
onScaleChange | (scale: string) => void | — | Receive the scale a reader chooses. |
stage | "attack" | "iridotomy" | "glaucomatous" | — | Control the stage shown. |
defaultStage | "attack" | "iridotomy" | "glaucomatous" | "attack" | Choose the stage shown first. |
onStageChange | (stage: string) => void | — | Receive the stage a reader chooses. |
selectedId | string | null | null | Control the selected structure ID. |
onSelectionChange | (id: string | null) => void | — | Receive selections from the model and the panel. |
panel | boolean | true | Show the stages, scales, findings and investigations beside the model. |
className | string | — | Set the layout of the model and the panel. |
Other props, such as visibility, controls, defaultView and ref, go to the organ viewer.
Models and licences
The component code is MIT. Each model keeps its own licence, and the viewer shows its credit; see Licences before hiding it.
- Eye: BodyParts3D / Anatomography, © The Database Center for Life Science (DBCLS), CC BY-SA 2.1 Japan, CC BY-SA 2.1 JP.
Educational, not for diagnosis or clinical decisions. The findings summarise typical disease; individual patients differ.